Comment puis-je changer d'icône de la couleur dans l'API Google Maps V3?
Je veux changer le COMTÉ icône bleue (tout sauf le rouge).
Est-il un moyen de définir les différents icône de couleur pour un point particulier ?
<script type="text/javascript">
//<![CDATA[
var map = null;
function initialize() {
var myOptions = {
zoom: 8,
center: new google.maps.LatLng(39.831125875,-112.15968925),
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});
//Add markers to the map
//Set up three markers with info windows
var point = new google.maps.LatLng(40.970826,-112.048187)
var marker = createMarker(point,'Utah-Davis County');
var point = new google.maps.LatLng(40.235509,-111.660576)
var marker = createMarker(point,'Utah-Provo');
var point = new google.maps.LatLng(40.766502,-111.897812)
var marker = createMarker(point,'Utah-Salt Lake City');
}
var infowindow = new google.maps.InfoWindow(
{
size: new google.maps.Size(150,50)
});
function createMarker(latlng, html) {
var contentString = html;
var marker = new google.maps.Marker({
position: latlng,
map: map,
zIndex: Math.round(latlng.lat()*-100000)<<5
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(contentString);
infowindow.open(map,marker);
});
}
function animate(lati,long) {
var latLng = new google.maps.LatLng(lati, long); //Makes a latlng
map.panTo(latLng); //Make map global
}
//]]>
</script>
Est-il un moyen de définir les différents icône de couleur pour un point particulier ?
FIXE: Merci à vous.
OriginalL'auteur G Stewpot | 2013-04-25
Vous devez vous connecter pour publier un commentaire.
Je pense que cela va aider. Vous devez créer un marqueur personnalisé.
L'API Google Maps 3 - personnalisation de la couleur de marqueur par défaut (dot) marqueur
Spécifiquement pour votre question, vous pouvez faire quelque chose comme ceci:
puis
de crédit à matt burns
Ce marqueur bleu est créé différemment de ceux des autres marqueurs qui sont créés par
createMarker(point, content)
fonction. Si vous voulez avoir une fenêtre pop-up lorsque vous cliquez dessus, vous devez ajouter uneventListener
pour le marqueur bleu juste comme la façon dont vous le faites à d'autres marqueurs danscreateMarker
fonction.OriginalL'auteur Son Nguyen