動的座標google mapsはロードされません

Googleマップを自分のウェブサイトに表示しようとしていますが、座標はデータベースに基づいて動的に表示されます。ここに私のコードです動的座標google mapsはロードされません

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);

ロードマップのAPI：

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

しかし地図は現れません。誰かが自分のコードからどこが間違っているかを教えてくれる？おかげで:)

出典

2016-05-03 imbagila

は何ですか;？> –

@DharaParmar座標：-7.567472,110.796774（例えば） – imbagila

id maps-mata-lombaを持つ要素は、あなたの提供するhtmlで見つけることができません...それはhtmlに存在しますか？ –

バージョンを作業する前に...私は変更はすべて、

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

が作業バージョンが...私は、ハードコーディングされている以下の...であるあなたの経度緯度

（あなたのコメントから撮影）

<!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>

出典

2016-05-03 07:27:54 Abhishek

完全に動作します、大きな感謝!!! – imbagila

あなたを助けてうれしい... :) – Abhishek

動的座標google mapsはロードされません

答えて

関連する問題