谷歌地图API锚链接获取位置

我成功嵌入google map v.3在此页面后（https://developers.google.com/maps/documentation/javascript/examples/）。

现在我想在同一页面放置一些链接，当我点击一个链接时，请确定地图中的位置。并显示我的自定义地图别针图标。

ex。
...

<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/

谢谢。

来源

2013-04-24 norixxx

你真的想要点击一个超链接？ 1）你想添加标记来映射？ 2）你想在某些标记上显示/打开信息窗口？ 3）两者？ – 2013-04-24 05:53:03

@ K.P。我想做3）两者。当我点击超链接时，我希望地图移动到所需的位置和标记。要做到这一点，我的猜测是做一些事情，如把纬度和经度的位置给href？恩。 'a href =“google.map.latLng（123.45,67.890）”' – norixxx 2013-04-24 06:20:47

当您将标记添加到地图并将时间添加到每个标记（将事件添加到此标记时）时，请使用您的地图，标记和超级链接的标识调用以下方法。

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-24 07:06:28

这里的东西我没有创造这使地图移动和缩放两个链接。

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-28 09:58:46

谷歌地图API锚链接获取位置

回答

相关问题