javascript - javascript google maps markers + infowindow - Udvikleren.dk

Tags: javascript google api

Bruger #16947 @ 08.05.12 00:41

Hej folkens

Jeg har et problem med infowindow og google maps api v3

Jeg har indlæst data til et array og via en for løkke tilføjes markers, men jeg vil også have infowindow til et marker. Følgende del kode sætter en masse markers på kortet, men der sker ikke noget når jeg trykker på en marker.

JScript kode

 var infoWindow = new google.maps.InfoWindow();
 var marker, i;
 function setMarker(){
      for (i = 1; i < 240; i++) {  
       marker = new google.maps.Marker({
         position: new google.maps.LatLng(points[i][0], points[i][1]),
         clickable: true,
         map: map2
       });
       google.maps.event.addListener(marker, 'click', function() {
           infowindow.setContent("Test");
       infowindow.open(map,marker);
 });
      }
 }

Hvis jeg bare sætter en enkelt marker ind kan jeg sagtens tilføje et infowindow.

Hvad gør jeg galt? På forhånd tak for hjælpen.

6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma

Sorter efter stemmer Sorter efter dato

Bruger #3427 @ 08.05.12 01:42

1.520

Har ikke testet det.
men er et bud.

JScript kode

 var infowindow = null;
 
 function GM_addMarker(map, lat, lon, title, content) {
 
   var m = new google.maps.Marker({
     position: new google.maps.LatLng(lat, lon),
     map: map,
     title: title,
     html: content
   });
 
   google.maps.event.addListener(m, "click", function () {
     infowindow.setContent(this.html);
     infowindow.open(map, this);
   });
   
 }
 
 function setMarker(){
 
   if(infowindow == null){
     infowindow = new google.maps.InfoWindow({
       content: "loading..."
     });
   }
 
   for (i = 1; i < 240; i++) {  
     GM_addMarker(map2, points[i][0], points[i][1], "overskrift", "indhold");
   }
 }

edit: fixed indryk.

Indlæg senest redigeret d. 08.05.2012 01:44 af Bruger #3427

Bruger #16947 @ 08.05.12 02:01

Super, det fungere jo. Mange tak.

Har du en idé til hvordan jeg så henter addressen ud fra koordinaterne og indsætter i infowindow?

Endnu en gang tak for hjælpen.

Bruger #3427 @ 08.05.12 12:06

1.520

mit bedste bud ville nok være at kigge på: https://developers.google.com/maps/documentation/javascript/reference#Geocoder

Bruger #16947 @ 08.05.12 12:20

Jeg har også kigget lidt på den her til morgen

JScript kode

 var geocoder = new google.maps.Geocoder();
  function setContent(i){
      
  var address;
      var latlng = new google.maps.LatLng(point[i][0], point[i][1]);
      geocoder.geocode({'latLng': latlng}, function(results, status) {
      //alert(status);
       if (status == google.maps.GeocoderStatus.OK) {
         if (results[1]) {
             address = results[1].formatted_address;
         }
        }else{
            address = "No address found : " + status;
        }
     });
      content = address;
      return content;
  }

Men jeg tror den laver for mange kald på meget kort tid. Jeg får denne status hver gang.
status = "OVER_QUERY_LIMIT"

Nogle idéer?

Bruger #3427 @ 08.05.12 12:29

1.520

hvis du gemmer din lat og lon i database eller lin, har du så ikke mulighed for at gemme addressen også, ellers skal du lave sådan den først finder addressen når man trykker på markeren, men så kan der forkomme lidt forsinkelse fra den popper op til addressen er der.

Bruger #16947 @ 09.05.12 00:03

ja det er nok det letteste. Tak for hjælpen.

javascript google maps markers + infowindow

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler