2013-06-17 2 views
1

У меня проблема. Я не могу поставить каждый маркер с информационными окнами, ни описаниемКод с информацией

примера:

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    title: 'Uluru (Ayers Rock)' 

https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

var map 

function initialize() { 

    var centerLatlng = new google.maps.LatLng(38.697476,-9.207047); 
    var myOptions = { 
     zoom: 12, 
     center: centerLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var placescoordjs = {{=XML(response.json(placescoord))}} 
    var marker, i; 
    for (i = 0; i < placescoordjs.length; i++) { 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(placescoordjs[i][0],placescoordjs[i][1]), 
      map: map 
     }); 
    } 
} 

function mymarker() { 

    var myLatlng = new google.maps.LatLng({{=coordenadas[0]}},{{=coordenadas[1]}}); 

    var myOptions = { 
     zoom: 10, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title:"My Marker!!" 
    }); 
    map.setCenter(myLatlng); 
    marker.setMap(map); 
} 

var infowindow = new google.maps.InfoWindow({ 
    content: "<html>https://pt.wikipedia.org/wiki/Lisboa</html>" 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.open(map,marker); 
}); 

У меня есть этот код. У меня есть база данных, которая «помещает» маркеры на карту, но как я могу добавить каждый маркер в описание и информационные окна?

ответ

0

Вы должны создать InfoWindow, и привязать его к маркеру, используя google.maps.event.addListener ...

все это в документ Вы отправили:

var infowindow = new google.maps.InfoWindow({ 
    content: "<html>your html</html>" 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.open(map,marker); 
}); 

попробовать чтобы обновить ваш метод инициализации примерно следующим образом:

function initialize() { 

    var centerLatlng = new google.maps.LatLng(38.697476,-9.207047); 
    var myOptions = { 
     zoom: 12, 
     center: centerLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var placescoordjs = {{=XML(response.json(placescoord))}} 
    var marker, i; 
    for (i = 0; i < placescoordjs.length; i++) { 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(placescoordjs[i][0],placescoordjs[i][1]), 
      map: map 
     }); 

     /* Creates the infowindow */ 
     infowindow = new google.maps.InfoWindow({ 
      content: "<html>your html</html>" 
     }); 

     /* Bind the infowindow to the marker */ 
     google.maps.event.addListener(marker, 'click', function() { 
      infowindow.open(map,marker); 
     }); 
    } 
} 
+0

Но если я сделаю это, то не появится окно карты. Он исчезает. – MGomesss

+0

извините, я не понимаю ... infowindow появляется только при нажатии маркера. – pataluc

+0

Все еще ничего ...: \ 21 маркеров из базы данных и никаких информационных окон ... – MGomesss

Смежные вопросы