谷歌地圖在點擊標記時分配一個php彈出窗口

假設我已經在地圖上的特定位置放置了一個標記。我想讓程序在用戶點擊這個標記時打開一個名爲bla.php的彈出窗口。谷歌地圖在點擊標記時分配一個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>

我試了一下，整個地圖沒有加載

來源

2013-07-31 maggie

你通常打開一個彈出窗口？ – geocodezip

@geocodezip <腳本類型= 「文本/ JavaScript的」> //彈出窗口代碼函數newPopup（URL）{ \t popupWindow = window.open（ \t \t的url， 'popUpWindow'，'身高= 700，寬度= 700，左= 10，頂部= 10，可調整大小=是，滾動條=是，工具欄=是，菜單欄=沒有，位置=沒有，目錄=沒有，狀態=是）; \t \t} Open pop-up – maggie

使用該代碼（這是不是很可讀的註釋）在點擊監聽器標記。 – geocodezip

首先，您需要爲您的標誌事件偵聽器。然後在那裏，無論你想要打開一個彈出窗口的代碼如

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

來源

2013-07-31 13:42:39 duncan

我試了一下，整個代碼不工作 – maggie

檢查出新的代碼中的問題與你的部分添加到它，也許有什麼不對別處 – maggie

將裏面的代碼你'initialize'功能 – duncan

谷歌地圖在點擊標記時分配一個php彈出窗口

回答

相關問題