ajax - Google マップへジャンプ

Question

完全な初心者の質問ですが、これを行う方法がわかりません:

http://www.warrensbakery.co.uk/plymouth.htm

Google マップの正しいピンにジャンプして住所を表示するリンクを含むマップを作成したいと考えています。

前もって感謝します

Answer 1

いくつかの場所を含むカスタム Google マップ マップを作成しました。マップ上のピン自体をクリックすると、情報ウィンドウが開きます。私はまた、あなたが話していると私が信じていること、つまりマップの外側のリンクをクリックして、マップ上で特定のピンの情報ウィンドウを開く機能が欲しかったのです。実際には非常に簡単です。クリック イベントを、ピンが持つ情報ウィンドウを開くイベントと同じに設定するだけです。

関連する JavaScript

/* Used variables
  map = the map itself
  marker = the current pin
  infowindow = the infowindow shown on the map
    - my setup has only one infowindow and clicks just swap its content
  label = the current infowindow content
*/


// Inside loop setting each pin to the map

// Click mevent for pins
google.maps.event.addListener(marker, 'click', function() {
    infowindow.close;
    infowindow.setContent(label);
    infowindow.open(map,marker);
});

// Click event for link outside the map
$(relevantLink).click(function(){
    $("html, body").animate({scrollTop:$("#yourMap").offset().top}, 500);
    infowindow.close();
    infowindow.setContent(label);
    infowindow.open(map,marker);
    return false;
});