Question

假设我在地图上的特定位置放置了一个标记。我希望程序在用户单击此标记时打开一个名为bla.php的弹出窗口。

这是我已经完成的标记：

<!DOCTYPE html>
<html>
  <head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map-canvas { height: 100% }
</style>
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDxVucBtLP4XefoM4syoigBgXntwkVGxv8&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
  var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(48, 2),
mapTypeId: google.maps.MapTypeId.ROADMAP
  };

 var map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);

var position = new google.maps.LatLng(48,2);

var marker = new google.maps.Marker({
  position: position,
  map: map
});

marker.setTitle("pv-unit");  
}

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


 </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>

我试过了，整个地图都没有加载

Answer 1

首先，你需要一个标记的事件监听器。然后在其中，无论你想打开弹出窗口的代码，例如

google.maps.event.addListener(marker, 'click', function() {
    window.open('blah.php','name','height=200,width=150');
});

Google地图会在点击标记时指定一个php弹出窗口

1 个答案: