0

GoogleマップAPIにはほとんど問題がありません。

このページ ( https://developers.google.com/maps/documentation/javascript/examples/ )に従って、Google マップ v.3 を正常に埋め込みました。

そして今、同じページにいくつかのリンクを配置したいと考えています。リンクをクリックすると、マップ内の場所が特定されます。また、カスタム マップ ピン アイコンも表示します。

元。
...

<a href="link to get this place's location">Blah Blah City Convention Center</a>
<a href="link to get this place's location2">Blah Blah Shopping Mall</a>


公式ページでこれについて説明されているか、またはいくつかの優れたチュートリアル サイトを知っている人がいたら、教えてください。

最初にjsfiddleページを作成しました。自由に変更してください:)

http://jsfiddle.net/nori2tae/NrYqA/

ありがとうございました。

4

2 に答える 2

0

マップにマーカーを追加し、その時点で各マーカーにイベントを追加する場合 (このマーカーにイベントを追加する場合)、ハイパーリンクのマップ、マーカー、および ID を使用して以下のメソッドを呼び出します。

function attachEvents(map, myMarker, linkID) {
      var markerRelDivObj = document.getElementById(linkID);
      if (markerRelDivObj) {
          markerRelDivObj.onmouseover = function () {
              if (!map.getBounds().contains(myMarker.getPosition())) {
                  map.panTo(myMarker.getPosition());
              }
              google.maps.event.trigger(myMarker, 'mouseover');
          };

          markerRelDivObj.onmouseout = function () {
                  google.maps.event.trigger(myMarker, 'mouseout');
          };
      }
  }
于 2013-04-24T07:06:28.927 に答える