1
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&sensor=true">
</script>
<script type="text/javascript">
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(0, 0),
      zoom: 2,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);
  }
</script>

これはhead.phtmlであると追加しました

    <script type="text/javascript">
jQuery(document).ready(function(){
        initialize();
});
</script>

<div id="map_canvas" style="width:100%; height:100%;"></div>

これを私のphtmlに入れました

div に多くの値を入れているように見えるので、スクリプトが機能していることはわかっていますが、何も表示されていません。誰かが間違いを指摘して、正しい方向に導くことができますか?

4

3 に答える 3

0

初期化の呼び出しを に配置しないでくださいdocument.ready()。代わりに、Google 独自のイベント リスナーを使用してください。

google.maps.event.addDomListener(window, 'load', initialize);
于 2012-12-13T12:55:21.377 に答える
0

こんにちは、次のコードを確認してください

< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">

< script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&sensor=true">

< script type="text/javascript">

関数初期化() {

var latitude = parseFloat("22.258652"); // 上記の変数から緯度を取得

var 経度 = parseFloat("71.1923805"); // 同じ経度

var latlngPos = new google.maps.LatLng(緯度、経度);

 var mapOptions = {
  center: latlngPos,
  zoom: 10,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
 var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);   

var marker = new google.maps.Marker({ position: latlngPos, map: map, title: "test" });

}

<スクリプト>

于 2012-12-14T06:48:02.080 に答える