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 original
var 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!