Rails koppelen Google map info venster marker te modelleren

stemmen
0

Ik heb met succes vermeld mijn parkeren kramen op een Google Map, echter heb ik verschillende pogingen probeerde te integreren <%= link_to parking %>, zodat wanneer de informatie venster met daily_price wordt geklikt gaat naar de parkeerplaats uitzicht. wanneer / hoe moet ik de link_to? Gekeken naar een aantal oplossingen nog steeds mijn hoofd krabben. dergelijke newbie.

bedankt

search.html.erb

 <!--google map-->
 <div id=map style=width: 100%; height: 100%></div>


     function initialize(parkings) {
         var location = {lat: 53.5444, lng: -113.4909}

         if (parkings.length > 0) {
             location = {lat: parkings[0].latitude, lng: parkings[0].longitude}
         }

         var map = new google.maps.Map(document.getElementById('map'), {
             center: location,
             zoom: 12
         });

         var marker, inforwindow;

         parkings.forEach(function(parking) {
             marker = new google.maps.Marker({
                 position: {lat: parking.latitude, lng: parking.longitude},
                 map: map
             });

             infowindow = new google.maps.InfoWindow({
                 content: <div class='map_price'>$ + parking.daily_price + </div>
             });

             infowindow.open(map, marker);
         })
     }

     google.maps.event.addDomListener(window, 'load', function() {
         initialize(<%= raw @arrParkings.to_json %>)
     });
 </script>

De vraag is gesteld op 15/02/2018 om 06:10
bron van user
In andere talen...                            


1 antwoorden

Rails koppelen Google map info venster marker te modelleren

stemmen
0

Ik heb met succes vermeld mijn "parkeren" kramen op een Google Map, echter heb ik verschillende pogingen probeerde te integreren <%= link_to parking %>, zodat wanneer de informatie venster met daily_price wordt geklikt gaat naar de parkeerplaats uitzicht. wanneer / hoe moet ik de link_to? Gekeken naar een aantal oplossingen nog steeds mijn hoofd krabben. dergelijke newbie.

bedankt

search.html.erb

 <!--google map-->
 <div id="map" style="width: 100%; height: 100%"></div>


     function initialize(parkings) {
         var location = {lat: 53.5444, lng: -113.4909}

         if (parkings.length > 0) {
             location = {lat: parkings[0].latitude, lng: parkings[0].longitude}
         }

         var map = new google.maps.Map(document.getElementById('map'), {
             center: location,
             zoom: 12
         });

         var marker, inforwindow;

         parkings.forEach(function(parking) {
             marker = new google.maps.Marker({
                 position: {lat: parking.latitude, lng: parking.longitude},
                 map: map
             });

             infowindow = new google.maps.InfoWindow({
                 content: "<div class='map_price'>$" + parking.daily_price + "</div>"
             });

             infowindow.open(map, marker);
         })
     }

     google.maps.event.addDomListener(window, 'load', function() {
         initialize(<%= raw @arrParkings.to_json %>)
     });
 </script>

antwoordde op 15/02/2018 om 06:10
bron van user

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more