允許用戶在添加鼠標點擊鼠標後點擊谷歌地圖上添加信息窗口點擊

我是一個非常新的人的谷歌地圖和JavaScript。我試圖實現的是，當我加載谷歌地圖時，用戶應該能夠通過點擊在他希望的任何位置添加標記/別針。我現在能夠做到這一點，現在我想補充的是，如果用戶點擊該引腳被添加，應該也有一個用戶可以添加到該引腳的說明窗口。說當我點擊一個位置添加一個別針時，我應該也可以插入一些類似「我的家」等描述。下面是我的代碼。不管怎麼說，多謝拉。允許用戶在添加鼠標點擊鼠標後點擊谷歌地圖上添加信息窗口點擊

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Accessing arguments in UI events</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <style> 
     html, body, #map-canvas { 
     height: 100%; 
     margin: 0px; 
     padding: 0px 
     } 
    </style> 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
    <script> 
function initialize() { 
    var mapOptions = { 
    zoom: 4, 
    center: new google.maps.LatLng(-25.363882,131.044922) 
    }; 
    var map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 

    google.maps.event.addListener(map, 'click', function(e) { 
    placeMarker(e.latLng, map); 
    }); 
} 

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

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

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

來源

2014-03-03 Loraloper

你需要添加點擊監聽器到你的標記上，當你點擊你的標記時打開一個信息窗口。創建信息窗口後，您在其中創建您的標記：

var infowindow = new google.maps.InfoWindow({ 
    content : 'Test Content' 
});

，並在此之後，添加監聽器：

google.maps.event.addListener(marker, "click", function() { 
    infowindow.open(map, marker); 
});

來源

2014-03-03 07:22:12 alalp

HI 的評論首先感謝。然而，由於我的知識有限，我無法獲得它的工作，所以我從你的答案中嘗試的是，我在我的函數placemarker（）中創建了我的infowindow。請看下面的代碼。當我插入一個pin時，它什麼都不做。基本上我在我現有的代碼中編輯了這個函數placeMarker（position，map）{ var marker = new google.maps.Marker（{012-位置： map：map }） ; var infowindow = new google.maps.InfoWindow（{content：'測試內容' }）; map.panTo（position）; } – Loraloper

您是否添加了監聽器？只需在'map.panTo（position）;'之後寫上面寫的'google.maps ...'，它就可以工作。 – alalp

嗨非常感謝這是完美的這是我的壞，我在我的地標功能以外添加此線。現在點擊「測試內容」的最後一件事情是，用戶可以在點擊標記時添加這些內容，換句話說，空白信息窗口打開並且用戶應該寫文字？謝謝各位 – Loraloper

允許用戶在添加鼠標點擊鼠標後點擊谷歌地圖上添加信息窗口點擊

回答

相關問題