0

マップ上の特定の場所にマーカーを置いたとします。ユーザーがこのマーカーをクリックすると、プログラムが 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>

試してみましたが、マップ全体がロードされていません

4

1 に答える 1

2

まず、マーカーのイベント リスナーが必要です。次に、その中で、ポップアップを開くために必要なコード、たとえば

google.maps.event.addListener(marker, 'click', function() {
    window.open('blah.php','name','height=200,width=150');
});
于 2013-07-31T13:42:39.593 に答える