2015-03-10 4 views
0

Как добавить значок настройки, чтобы выделить lakshadweep beach в нижеприведенном коде.Как добавить значок настройки на карту google?

Поскольку у меня есть только базовые знания java, пожалуйста, предоставьте простой способ, чтобы я мог редактировать и применять его в других проектах.

вот мой полный код ..

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" 
      type="text/javascript"></script> 

</head> 

<body> 
<div id="map" style="width: 100%; height: 400px;"></div> 
<script> 
var locations = [ 
    ['lakshadweep Beach', 10.204729,72.836778, 4], 
    ['Coogee Beach', -33.923036, 151.259052, 5], 
    ['Cronulla Beach', -34.028249, 151.157507, 3], 
    ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], 
    ['Maroubra Beach', -33.950198, 151.259302, 1] 

]; 

var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 3, 
    center: new google.maps.LatLng(-10.90, 100.25), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

var infowindow = new google.maps.InfoWindow(); 

var marker, i; 

for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map 
    }); 

    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
    return function() { 
     infowindow.setContent(locations[i][0]); 
     infowindow.open(map, marker); 
    } 
    })(marker, i)); 
} 
</script> 



</body> 
</html> 
+1

возможно дубликат [Раскрась первый маркер в Google Map другой цвет] (http://stackoverflow.com/questions/16900210/colour-the-first-marker-of-a-google-map -a-different-color) – geocodezip

+0

Thx много @ geocodezip ... его рабочий ... – Hetal

ответ

0

Пожалуйста, добавьте эти строки в своем коде.

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/'; // Путь изображения

var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    icon: iconBase + 'schools_maps.png' 
}); 

это работа для меня ..

+0

Спасибо sanjay и geocodezip, но это изменение всех значков. Я хочу изменить только значок lakshadweep. :( – Hetal

0

изменение этих строк в коде.

for (i = 0; i < locations.length; i++) { 
if(i==0) 
{ 
    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map, 
    icon: iconBase + 'schools_maps.png' 
    }); 

} 
else 
{ 
    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map 
    }); 
} 
Смежные вопросы