Javascript 从谷歌地图获取标记坐标
我在我的网站上添加了谷歌地图,现在我想做的是,当一个人在地图上标记一个标记时,我需要在两个标签lat和lng中设置标记的坐标 以下是我到目前为止所做的Javascript 从谷歌地图获取标记坐标,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我在我的网站上添加了谷歌地图,现在我想做的是,当一个人在地图上标记一个标记时,我需要在两个标签lat和lng中设置标记的坐标 以下是我到目前为止所做的 <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script> var map; function initialize() { var haightAshbury =
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
var map;
function initialize() {
var haightAshbury = new google.maps.LatLng(33.9000, 35.5333);
var mapOptions = {
zoom: 8,
center: haightAshbury,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng);
});
}
// Add a marker to the map and push to the array.
function addMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map
});
var lat = marker.getPosition().lat();
var lng = marker.getPosition().lng();
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
var映射;
函数初始化(){
var haightAshbury=新的google.maps.LatLng(33.9000,35.5333);
变量映射选项={
缩放:8,
中心:haightAshbury,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
google.maps.event.addListener(映射,'click',函数(事件){
添加标记(事件标记);
});
}
//将标记添加到地图并推送到阵列。
功能添加标记(位置){
var marker=new google.maps.marker({
位置:位置,,
地图:地图
});
var lat=marker.getPosition().lat();
var lng=marker.getPosition().lng();
}
google.maps.event.addDomListener(窗口“加载”,初始化);
至于标签:
<div id="panel">
<label id="lat"><script>document.getElementById("lat").innerHTML=lat;</script></label>
<label id="lng"><script>document.getElementById("lng").innerHTML=lng;</script></label>
</div>
document.getElementById(“lat”).innerHTML=lat;
document.getElementById(“lng”).innerHTML=lng;
很抱歉,我是初学者……谢谢你,在标签标签之间加上script标签看起来是一个很好的技巧。脚本是在页面加载时计算的,因此脚本在标签中的位置不会像那样神奇地更新标签标签标签 相反,尝试在
addMarker()
中添加该功能,这样它就完成了“添加标记”的意图(或者您希望它做什么?)
在
.html()的帮助下,包括jquery并将lat lng分配给标签
非常感谢你,我的朋友!
function addMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map
}),
lat = document.getElementById('lat'),
lng = document.getElementById('lng');
lat.innerHTML = location.lat();
lng.innerHTML = location.lng();
}