0

Ich versuche, Marker auf Breiten- und Längengrad auf Google Maps setzen, die in meinem Db gespeichert sind.Google Maps zeigt keine Karte und zeigt keine Marker

Aber ich sehe keine Karte auf meiner Seite und keine Markierungen.

Kann nicht herausfinden, was das Problem hier ist.

Ich habe console.log die Marker & das Ergebnis ist ein Objekt Ich bin mir nicht sicher, ob es so sein sollte.

@if (item.Longitude != null) 
    { 
     <span class="js-latmaps"> @item.Latitude</span> 
     <span class="js-longmaps"> @item.Longitude</span> 
    } 
    <div id="dvMap" style="width: 500px; height: 500px"> 
</div> 

@section scripts { 
    <script src="http://maps.google.com/maps/api/js?key=<"LONG_NUMBER">libraries = places"></script> 

<script type = "text/javascript"> 

     var markers = [ 
      { 
       "lat": $('.js-latmaps'), 
       "lng": $('.js-longmaps') 
      } 
     ]; 
     console.log(markers); 
     window.onload = function() { 
      var mapOptions = { 
       center: new window.google.maps.LatLng(markers[0].lat, markers[0].lng), 
       zoom: 8, 
       mapTypeId: window.google.maps.MapTypeId.ROADMAP 
      }; 
      var infoWindow = new window.google.maps.InfoWindow(); 
      var map = new window.google.maps.Map(document.getElementById("dvMap"), mapOptions); 
      for (var i = 0; i < markers.length; i++) { 
       var data = markers[i]; 
       var myLatlng = new window.google.maps.LatLng(data.lat, data.lng); 
       var marker = new window.google.maps.Marker({ 
        position: myLatlng, 
        map: map 

       }); 
       (function(marker, data) { 
        window.google.maps.event.addListener(marker, 
         "click", 
         function(e) { 
          infoWindow.setContent(data.description); 
          infoWindow.open(map, marker); 
         }); 
       })(marker, data); 
      } 
     }; 
    </script>} 

https://jsfiddle.net/9z6t2m3q/

+0

Welche Konsole Fehler, den Sie bekommen? –

+0

Kein Fehler –

+0

Füge js Geige der Frage hinzu. –

Antwort

1

Ersetzen Sie einfach

<script src="http://maps.google.com/maps/api/js?key=<"LONG_NUMBER">libraries = places"></script> 

von

<script src="https://maps.googleapis.com/maps/api/js?key=YOURKEY&libraries=places></script> 

Bitte beachten Sie:

  • Um die <> um Ihre API_KEY
  • Um eine & zwischen Ihrem API_KEY hinzufügen und libraries=places
  • zu entfernen zu ersetzen libraries = places durch libraries=places (kein Platz)
+0

die <> ist nur für die q mein Schlüssel aussehen wie Sie geschrieben –

+0

Ich rufe auch 'maps.googleapis.com' und nicht' maps.google.com'. Hast Du es versucht ? – AlexB

+0

Yeh, das hat nicht geholfen, wenn ich die Lat \ Long-Daten manuell eingeben, ist es in Ordnung. aber wenn ich es dynamisch dann schaue auf Konsole .Log ich c diese Werte bei innerHTML "32.0609752" innerText "32.0609752" so ist der Wert dort pas –

Verwandte Themen