gpt4 book ai didi

javascript - 尝试使用 google api v3 从地址获取位置

转载 作者:行者123 更新时间:2023-11-29 18:28:56 26 4
gpt4 key购买 nike

我的 html 中有这个 javascript 我想在这里做的是在给定位置的情况下获取 map 表示

<script type="text/javascript">
var geocoder;
var map;
function getmaploc() {
geocoder = new google.maps.Geocoder();
var myOptions = {
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
geocoder.geocode( 'cairo', function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
});
}
</script>

<body onload="getmaploc()">
<div id="map_canvas" style="width: 320px; height: 480px;"></div>
</body>

我无法弄清楚这有什么问题吗??

最佳答案

有多个错误,

  • 一个省略的大括号
  • 先初始化 map
  • geocode() 需要一个 GeocoderRequest 对象作为参数

固定代码:

var geocoder;
var map;
function getmaploc() {
geocoder = new google.maps.Geocoder();
var myOptions = {
zoom : 8,
mapTypeId : google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

geocoder.geocode({
address : 'cairo'
}, function(results, status) {
console.log(results);
if(status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
new google.maps.Marker({
map : map,
position : results[0].geometry.location
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}

});
}

关于javascript - 尝试使用 google api v3 从地址获取位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10289346/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com