Dynamische Koordinaten Google Maps würde nicht laden

Ich versuche Google Maps erscheint auf meiner Website, aber die Koordinaten werden dynamisch basierend auf der Datenbank angezeigt. Hier ist mein CodeDynamische Koordinaten Google Maps würde nicht laden

HTML:

<div class="panel panel-primary"> 
    <div class="panel-heading"> 
     Maps 
    </div> 
    <div class="panel-body" id="maps-area" style="height: 500px;" onLoad="loadMap(<?=$row->maps;?>)"> 
    </div> 
</div>

JavaScript:

function loadMap(x) 
{ 
    var mapOptions = 
    { 
     center: new google.maps.LatLng(x), 
     zoom: 17, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("maps-area"), mapOptions); 
    var marker = new google.maps.Marker 
    ({ 
     position: new google.maps.LatLng(x), 
    }); 
    marker.setMap(map); 
} 
google.maps.event.addDomListener(window, "load", loadMap);

laden Maps API:

<script type="text/javascript" src="http://maps.google.com/maps/api/js"></script>

Aber die Karten werden nicht angezeigt. Kann jemand aus meinem Code sagen, wo es falsch ist? Danke schon mal :)

Quelle

2016-05-03 imbagila

Was enthält Karten?? Enthält? –

@DharaParmar die Koordinaten: -7.567472,110.796774 (zum Beispiel) – imbagila

Ich kann kein Element mit ID-Maps-Mata-Lomba in Ihrem bereitgestellten HTML finden ... ist es in HTML existieren? –

Version Arbeiten ... alles, was ich verändert ist ...

<?=$row->maps;?>// i guess this doesn't work as expected??

folgenden wird die Arbeitsversion ... i Ihr hart codiert lat lang (von Ihrem Kommentar genommen)

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js"></script> 
<body> 
    <script type="text/javascript"> 
     function loadMap() { 
      var mapOptions = { 
       center : new google.maps.LatLng(-7.567472,110.796774), 
       zoom : 17, 
       mapTypeId : google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("maps-area"), mapOptions); 
      var marker = new google.maps.Marker({ 
       position : new google.maps.LatLng(x), 
      }); 
      marker.setMap(map); 
     } 
     google.maps.event.addDomListener(window, "load", loadMap); 
    </script> 
</body> 
<div class="panel panel-primary"> 
    <div class="panel-heading">Maps</div> 
    <div class="panel-body" id="maps-area" style="height: 500px;" onLoad="loadMap()"></div> 
</div> 
</html>

Quelle

2016-05-03 07:27:54 Abhishek

Funktioniert perfekt, großer Dank !!! – imbagila

Ich bin froh, dir geholfen zu haben ... :) – Abhishek

Dynamische Koordinaten Google Maps würde nicht laden

Antwort

Verwandte Themen