Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从谷歌地图获取标记坐标_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 从谷歌地图获取标记坐标

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 =

我在我的网站上添加了谷歌地图,现在我想做的是,当一个人在地图上标记一个标记时,我需要在两个标签lat和lng中设置标记的坐标 以下是我到目前为止所做的

<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();
}