Sínek összekapcsolása Google térkép információs ablakát marker modellezni

szavazat
0

Sikeresen szerepel az én „parkoló” standokon a google map, de megpróbáltam több kísérlet integrálni <%= link_to parking %>, így amikor az információs ablak daily_price kattint megy parkolási kilátás. ahol / hogyan érdemes elhelyezni a link_to? Nézett néhány megoldás még mindig vakarja a fejem. Ilyen egy újszülött.

Kösz

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>

A kérdést 15/02/2018 06:10
a forrás felhasználó
Más nyelveken...                            


1 válasz

Sínek összekapcsolása Google térkép információs ablakát marker modellezni

szavazat
0

Sikeresen szerepel az én „parkoló” standokon a google map, de megpróbáltam több kísérlet integrálni <%= link_to parking %>, így amikor az információs ablak daily_price kattint megy parkolási kilátás. ahol / hogyan érdemes elhelyezni a link_to? Nézett néhány megoldás még mindig vakarja a fejem. Ilyen egy újszülött.

Kösz

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>

Válaszolt 15/02/2018 06:10
a forrás felhasználó

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