Buenas a todos,
Estoy desarrollando una app en phonegap+jQueryMobile+googleMaps V3, y por razones que no vienen el caso necesito añadir dinamicamente marcadores al mapa, no puedo cargar el mapa de nuevo debido a una incompatibilidad con jQueryMobile. Debido a esto debo añadir dichos marcadores dinamicamnete , pero nose como.
Al arrancar la app, obtengo las coordenadas del usuario gracias a HTML5 y las guardo en un array llamado localizacion, despues ejecuto este código que carga el mapa y lo centra donde esté el usuario:
Código Javascript
:
Ver originalvar map;
var marcador;
function initializeMap() {
var latlng = new google.maps.LatLng(localizacion[0],localizacion[1]);
var myOptions = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoomControl: true
};
map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
marcador = new google.maps.Marker( {position: latlng,map:map,title:'Estas aquí!'});
}
Mi problema que no se como añadir nuevos marcadores , porque he probado creando nuevos como cuando lo inicializo , pero nada...
Código Javascript
:
Ver original//obtengo coordenadas de un ajax en un objeto JSON llamado val...
var latlng = new google.maps.LatLng(val.lat, val.lon);
marcador = new google.maps.Marker( {position: latlng,map:map});
Como podria añadir estos nuevos markadores dinamikamente?
Gracias!