Avatar billede plippert Nybegynder
18. juni 2011 - 16:47 Der er 3 kommentarer og
1 løsning

Flere adresser på google maps

Jeg sidder med en lille wordpress-løsning hvor jeg har brug for at kunne vise et kort med alle de adresser jeg har tastet på de enkelte poster. Det virker fint med at vise google maps på den enkelte post ud fra adressen, men jeg kan simpelthen ikke finde noget info om hvordan jeg laver et google kort med flere adresser på...


Lige nu bruger jeg følgende kode, hvor $use_gmaps tjekker om der er flueben i google maps på posten og $place_address er feltet i db med adressen tilknyttet den enkelte post er gemt.



<?php if ($use_gmaps) { ?>
  <div id="gmaps-border">
      <div id="gmaps-container"></div>
  </div> <!-- end #gmaps-border -->

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.1&sensor=true"></script>
  <script type="text/javascript">
      //<![CDATA[
      var map;
      var geocoder;

      initialize();

      function initialize() {
        geocoder = new google.maps.Geocoder();
        geocoder.geocode({
            'address': '<?php echo $place_address; ?>',
            'partialmatch': true}, geocodeResult); 
      }

      function geocodeResult(results, status) {
       
        if (status == 'OK' && results.length > 0) {       
            var latlng = new google.maps.LatLng(results[0].geometry.location.b,results[0].geometry.location.c);
            var myOptions = {
              zoom: 13,
              center: results[0].geometry.location,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
           
            map = new google.maps.Map(document.getElementById("gmaps-container"), myOptions);
              var marker = new google.maps.Marker({
              position: results[0].geometry.location,
              map: map,
              title:"<?php the_title(); ?>"
            });

            var contentString = '<div id="content">'+
            '<h3 id="firstHeading" class="firstHeading" style="padding-bottom: 15px;">'+marker.title+'</h3>'+
            '<div id="bodyContent" style="height:75px;">'+
            '<p><a target="_blank" href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q='+escape(results[0].formatted_address)+'&amp;ie=UTF8&amp;view=map">'+results[0].formatted_address+'</a>'+
            '</p>'+
            '</div>'+
            '</div>';


            var infowindow = new google.maps.InfoWindow({
              content: contentString,
              maxWidth: 300
            });

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

            google.maps.event.trigger(marker, "click");

        } else {
            //alert("Geocode duer ikke fordi: " + status);
        }
      }
      //]]>
  </script>
<?php }; ?>


Håber der er nogen der kan hjælpe mig videre...
Avatar billede olsensweb.dk Ekspert
18. juni 2011 - 17:14 #1
dette spm lavede noget tilsvarende http://www.eksperten.dk/spm/940285

du kan lade dig inspirerer af.

en ren js løsning hvor der er flere marker
http://olsensweb.dk/test/experten/spm/940285/3_js.html
det er godt nok baseret på gmaps v2, men er rimeligt nemt at opgraderer til gmaps v3
Avatar billede plippert Nybegynder
20. september 2011 - 11:45 #2
olsen, hvis du vil have point, så send et svar
Avatar billede olsensweb.dk Ekspert
20. september 2011 - 11:58 #3
jeg springer point over, lig selv et svar og luk
Avatar billede plippert Nybegynder
20. september 2011 - 12:40 #4
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester