-1

これは私が働いているコードです： http://jsfiddle.net/X9SkK/

これはJavaScriptです： 

function showmap() {
     var map;
      function initialize() {
        var mapOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
            mapOptions);
      }
}​

ボタンをクリックするとマップが読み込まれるようにしたいのですが、何らかの理由で機能しません。単純なものだと確信していますが、特定することはできません。

4

2 に答える 2

2

マップを実際に作成するコードは、呼び出されていない という名前の関数にラップされていinitializeます。それを削除すると、問題ありません。

function showmap() {
    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
}​

また、要素に固定の高さ ( など400px)を指定#map_canvasしてください。そうしないと、jsFiddle で表示されなくなります。

于 2012-11-04T12:06:10.387 に答える
0

これがあなたができることです：

<!-- Display Map -->
function showmap() {
     var map;
      function initialize() {
        var mapOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
            mapOptions);
      }
initialize();
}

initialize(); マップの作成を担当する関数が呼び出されませんでした。showmap 関数内で呼び出す必要があります。

デモ

于 2012-11-04T12:55:48.037 に答える