如何使自定义 Google 地图标记成为超链接答案

【问题标题】：How To Make A Custom Google Map Marker A Hyperlink如何使自定义 Google 地图标记成为超链接
【发布时间】：2014-07-21 22:42:04
【问题描述】：

我不完全确定这是否可行。

我正在为出租拖车建立一个站点，他们希望该站点以 Google 地图作为整个屏幕打开，并且拖车的 GPS 坐标作为地图上的光点。（这仍在进行中，但不是一个问题）。我现在有一个亮点，目前只是为了测试。我想做的是让谷歌地图成为一个超链接，一旦点击它就会在地图上打开一个框架，提供有关预告片的信息。

这是我的 Javascript

  <script src="https://maps.googleapis.com/maps/api/js"></script>
  <script>
  function initialize() {
    var map_canvas = document.getElementById('map_canvas');
    var map_options = {
      center: new google.maps.LatLng(47.25, -100),
      zoom: 7,
      mapTypeId: google.maps.MapTypeId.TERRAIN
    } ;

    var map = new google.maps.Map(map_canvas, map_options);

    var point       =       new google.maps.LatLng(47, -100);
    var marker  =       new google.maps.Marker ({
        position: point,    
        map: map,
        icon: 'PointMarkerON.png'

    })
  }
  google.maps.event.addDomListener(window, 'load', initialize);


  </script>

这是我的 HTML

<div id="map_canvas"></div>
<a href="Site1.php" onclick='marker' target="home"></a> 
<iframe src="" width="1250" height="1000" frameborder="1" name="home"></iframe>

再次，如果不可能，请告诉我。

【问题讨论】：

如果您希望标记在单击时执行某些操作，请向其添加“单击”event listener。 example in the documentation

标签： javascript html google-maps hyperlink frame

【解决方案1】：

google.maps.addListener(marker, 'click', function(){
  iframeElement.src = 'Site1.php';
});

【讨论】：

谢谢！你的帮助并不完全正确，但它让我走上了正轨。作为记录，我必须标识我的框架，然后将此代码放入： google.maps.event.addListener(marker, 'click', function(){ document.getElementById("home").src = 'Site1 .php'; });
是的。我不想指定您获得该节点的方式。您可以使用document.formName.elementName.src = 'Site1.php' 以及许多其他方式。当然，这假设您使用的是我不推荐的表单。阿贾克斯。阿贾克斯。 AJAX。

【解决方案2】：

也许是 InfoWindow()，这就是你想要的 here

【讨论】：