这是我的代码,我是 Google map 和 JavaScript 的新手,我尝试通过将位置 (latlng) 传递给地理编码器来获取“地名”,但它没有返回任何值。如果将 placeName 变量设置为“somePlace”,则将标题设置为“somePlace”。但我想用返回值设置标题,即地名。
function setMap(position){
//var Karachi = {lat: 24.8978176, lng: 66.9596003}; //default city
var location = {
lat: position.coords.latitude,
lng: position.coords.longitude
}
var mapOptions = {
center: location,
zoom: 13, //initial zoom level
mapTypeId: 'hybrid' //map type
}
//object of map
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
var placeName;
//placeName = 'SomePlace';
var newLatLng = location + '';
var latlngStr = newLatLng.split(',',2);
var latlng = {lat: parseFloat(latlngStr[0]), lng: parseFloat(latlngStr[1])};
var geocoder = new google.maps.Geocoder({'location': latlng}, function(results, status) {
if(status === 'OK'){
if(results[1]){
placeName = 'results[1].formatted_address';
}
else{
window.alert('Error in ' + status);
}
}
else{
window.alert('Geocoder failed due to ' + status);
}
});
var markerOptions = {
position: location,
map: map,
title: placeName //<-- i want place name to be here
}
//object of marker
var marker = new google.maps.Marker(markerOptions);
marker.setTitle(placeName); //<-- this is also not working
}
最佳答案
您的代码中有语法错误。
- 您需要调用
google.maps.Geocoder
geocode
方法,具有有效的GeocoderRequest
对象:
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
location: location
}, function(results, status)
- 地理编码器是异步的,您需要在可用时在回调函数中使用返回的结果:
if (results[1]) {
placeName = results[1].formatted_address;
var markerOptions = {
position: location,
map: map,
title: placeName //<-- i want place name to be here
}
//object of marker
var marker = new google.maps.Marker(markerOptions);
代码片段:
function setMap(position) {
var location = {
lat: position.coords.latitude,
lng: position.coords.longitude
}
var mapOptions = {
center: location,
zoom: 13, //initial zoom level
mapTypeId: 'hybrid' //map type
}
//object of map
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
location: location
}, function(results, status) {
if (status === 'OK') {
if (results[1]) {
placeName = results[1].formatted_address;
var markerOptions = {
position: location,
map: map,
title: placeName // set formatted_address as title of marker
}
//object of marker
var marker = new google.maps.Marker(markerOptions);
} else {
window.alert('Error in ' + status);
}
} else {
window.alert('Geocoder failed due to ' + status);
}
});
}
google.maps.event.addDomListener(window, "load", function() {
setMap({
coords: {
latitude: 37.4419,
longitude: -122.1419
}
})
});
html,
body,
#map {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map"></div>
关于javascript - Google Maps JavaScript API V3 - Geocoder API 不返回地名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42453073/