Question

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

我正在为租赁预告片设置一个网站，他们希望该网站以整个屏幕的Google地图打开，并且预告片的GPS坐标在地图上显示为blips。（这仍在进行中，但不是一个问题）。我现在有一个短暂的，它只是为了测试。我想要做的是让谷歌地图一个超链接，一旦点击将在地图上打开一个框架，提供有关预告片的信息。

这是我的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>

如果不可能，请告诉我，我们将不胜感激。

Answer 1

也许InfoWindow（），这就是你想要的 here

Answer 2

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

如何制作自定义Google地图标记超链接

2 个答案: