google-maps - una - google.maps.marker example

Google Map API V3: cómo agregar datos personalizados a los marcadores

Question

¿Existe alguna manera de agregar información personalizada a mis marcadores para su uso posterior? Hay formas de tener una ventana de información y un título, pero qué sucede si quiero asociar el marcador con otra información.

Tengo otras cosas que se muestran en la página que dependen de los marcadores, así que cuando se hace clic en un marcador, el contenido de la página debe cambiar según el marcador al que se hizo clic. Me gustaría almacenar y recuperar los datos personalizados una vez que un marcador es digamos clickeado, etc.

Gracias

Answer 1

Puede agregar sus propias propiedades personalizadas a los marcadores (solo tenga cuidado de no entrar en conflicto con las propiedades de la API).

Answer 2

Como Google Marker es un objeto de JavaScript, puede agregar información personalizada en la key: value formulario key: value , donde key es una cadena válida. Se llaman propiedades de objeto y se pueden abordar de muchas formas diferentes. El valor puede ser cualquier cosa legal, tan simple como números o cadenas, y también funciones, o incluso otros objetos. Tres formas simples: en la declaración, notación de puntos y corchetes

var markerA = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(0, 0),
    customInfo: "Marker A"
});

var markerB = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(-10, 0)
});
markerB.customInfo = "Marker B";

var markerC = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(-20, 0)
});
markerC[''customInfo''] = "Marker C";

Luego para recuperarlo de una manera similar:

google.maps.event.addListener(markerA, ''click'', function() {
    alert(this.customInfo);
});