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/
Welche Konsole Fehler, den Sie bekommen? –
Kein Fehler –
Füge js Geige der Frage hinzu. –