Aşağıdaki kod ile ekrana iller arası çizgiler listeliyorum, ekranda en fazla 10 tane görünüyor. Google maps mi bunu engelliyor acaba?
<?php
$colors = array('','Adana', 'Adıyaman', 'Afyon', 'Ağrı', 'Amasya', 'Ankara', 'Antalya', 'Artvin',
'Aydın', 'Balıkesir', 'Bilecik', 'Bingöl', 'Bitlis', 'Bolu', 'Burdur', 'Bursa', 'Çanakkale',
'Çankırı', 'Çorum', 'Denizli', 'Diyarbakır', 'Edirne', 'Elazığ', 'Erzincan', 'Erzurum', 'Eskişehir',
'Gaziantep', 'Giresun', 'Gümüşhane', 'Hakkari', 'Hatay', 'Isparta', 'Mersin', 'İstanbul', 'İzmir',
'Kars', 'Kastamonu', 'Kayseri', 'Kırklareli', 'Kırşehir', 'Kocaeli', 'Konya', 'Kütahya', 'Malatya',
'Manisa', 'Kahramanmaraş', 'Mardin', 'Muğla', 'Muş', 'Nevşehir', 'Niğde', 'Ordu', 'Rize', 'Sakarya',
'Samsun', 'Siirt', 'Sinop', 'Sivas', 'Tekirdağ', 'Tokat', 'Trabzon', 'Tunceli', 'Şanlıurfa', 'Uşak',
'Van', 'Yozgat', 'Zonguldak', 'Aksaray', 'Bayburt', 'Karaman', 'Kırıkkale', 'Batman', 'Şırnak',
'Bartın', 'Ardahan', 'Iğdır', 'Yalova', 'Karabük', 'Kilis', 'Osmaniye', 'Düzce');
?>
<html>
<head>
<title>Add Markers to Show Locations in Google Maps</title>
</head>
<style>
body {
font-family :Arial;
}
#map-layer {
margin: 20px 0px;
max-width: 600px;
min-height: 400;
}
</style>
<body>
<h1>zzAdd Markers to Show Locations in Google Maps</h1>
<div id="map-layer"></div>
<script
src="https://maps.googleapis.com/maps/api/js?key=<?php echo "XXXX"; ?>&callback=initMap"
async defer></script>
<script type="text/javascript">
var map;
var pathCoordinates = Array();
function initMap() {
var countryLength
var mapLayer = document.getElementById("map-layer");
var centerCoordinates = new google.maps.LatLng(37.6, -95.665);
var defaultOptions = {
center : centerCoordinates,
zoom : 4
}
map = new google.maps.Map(mapLayer, defaultOptions);
geocoder = new google.maps.Geocoder();
countryLength = 20
<?php
foreach ($colors as $value)
{
?>
geocoder.geocode({
'address' : '<?php echo $value; ?>'
}, function(LocationResult, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = LocationResult[0].geometry.location.lat();
var longitude = LocationResult[0].geometry.location.lng();
pathCoordinates.push({
lat : latitude,
lng : longitude
});
new google.maps.Marker({
position : new google.maps.LatLng(latitude, longitude),
map : map,
title : '<?php echo $value; ?>'
});
if (countryLength == pathCoordinates.length) {
drawPath();
}
}
});
<?php
}
?>
}
function drawPath() {
new google.maps.Polyline({
path : pathCoordinates,
geodesic : true,
strokeColor : '#FF0000',
strokeOpacity : 1,
strokeWeight : 4,
map : map
});
}
</script>
</body>
</html>