web-dev-qa-db-ja.com

ボタンをクリックしてGoogleマップセンターを変更する方法

Google Map API v3とjQuery 1.11.0を使用しています。

次のdivにGoogleマップがあります。

<div id="googleMap" class="map_div"></div>

map.jsはHTMLファイルの外部にあり、リンクされています。

これで、HTMLの別の部分にボタンがあります（マップ外）。

<button id="3">Change center</button>

次に、地図の中心を新しい緯度と経度に変更するon clickイベントを追加します。

だから、私はこのようなHTMLのJavaScriptを持っています：

<script>
    $(document).ready(function()
    {
        $("#3").click(function(){
            var center = new google.maps.LatLng(10.23,123.45);
            map.panTo(center);
        });
    });
</script>

誰でも私を助けてくれますか？助けてくれてありがとう。

javascriptjqueryhtmlgoogle-mapsgoogle-maps-api-3
11
Abrar Jahin

initialize関数（またはマップを作成する場所）で、マップオブジェクトを作成した後に次のコードを追加します。

google.maps.event.addDomListener(document.getElementById('3'), 'click', function () {

    map.setCenter(new google.maps.LatLng(10.23,123.45));
});
14
MrUpsidown