0

ここで同様の質問に回答がないか、ページの更新が必要なのを見たことがあります。私よりも Google Maps API に精通している誰かから回答を得られることを願っています。ページ。

Web ページに埋め込まれた Google マップがあり、Web ページの HTML に場所のリストがあります。

訪問者が場所の 1 つをクリックすると、その場所が埋め込まれた地図に表示されるようにしたいと考えています。

シンプルに聞こえますよね？API に関するドキュメントを 2 日間読んでいますが、探しているものが見つからないようです。

ロケーション/マーカー/InfoBoxを設定するリンクのonClickでJS関数を呼び出すことができると予想しています。基本的に知っておく必要があるのは、リンクを介して埋め込まれた地図と通信する方法だけです。infoBox と残りは自分で整理できます。

読んでくれてありがとう！

ご参考までに、次の JS を使用して Google マップを埋め込みます。

function initialize() {

    var mapOptions = {
        zoom: 8,
        panControl: false,
        rotateControl: false,
        scaleControl: false,
        streetViewControl: false,
        center: new google.maps.LatLng(51.004106,-114.135442),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }   
    var map = new google.maps.Map(document.getElementById("header"), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
4

1 に答える 1

0

おそらく、次のようにマーカーを追加する関数を作成する必要があります。

function addMarker(map, lat, long, title, popupHtml) {
    var latLong = new google.maps.LatLng(lat, long);
    var markerOpts = { position: latLong, map: map, title: title };
    var marker = new google.maps.Marker(markerOpts);
    var infoWindow = new google.maps.InfoWindow();
    google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(popupHtml);
        infoWindow.open(map, marker);
    });
}

次に、初期化関数で、関数をリンクにアタッチするために何かを行います。

于 2013-07-05T15:50:15.420 に答える