0

我对谷歌地图api没有什么问题。

我在此页面之后成功嵌入了谷歌地图 v.3（https://developers.google.com/maps/documentation/javascript/examples/）。

现在我想把一些链接放在同一个页面中，当我点击一个链接时，在地图上查明位置。并显示我的自定义地图图钉图标。

前任。
...

<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

这是我创建两个使地图移动和缩放的链接所做的事情。

You can <a href="#" onclick="oMap.setCenter(new google.maps.LatLng(20, 14.2));oMap.setZoom(2);"> zoom out to see the global perspective</a> or <a href="#" onclick="oMap.setCenter(new google.maps.LatLng(54, -4));oMap.setZoom(6);"> see the UK here</a>.

这假设您的脚本块已经设置了一个名为oMap.

于 2014-02-28T09:58:46.087 回答
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 回答