使用Javascript API的多个邮政编码根据带有标记的Google Map位置
玛利亚
如何显示Google地图，其中显示了多个邮政编码位置的指针？
我有多个邮政编码，我想在地图上一起显示带有指针的邮政编码。
这是我希望它如何工作的示例（http://awesomescreenshot.com/0a13egtc0d）
她
据我了解，您有一系列这样的邮政编码。
var postalCodes = [
'10405', // Berlin
...
];
您想要将每个邮政编码转换为地图上的标记。为此，您可以使用Google的地理编码API。您需要做的就是创建一个GeoCoder对象，并geocode使用邮政编码和国家/地区提示来调用其功能。
geocoder.geocode({
address: postalCode,
region: countryHint // e.g. 'DE' for Germany
}, function(result, status) {
// Create marker
}
一个工作示例：JSFiddle
的HTML
<div id="map-canvas"></div>
的JavaScript
var postalCodes = [
'01067', // Dresden
'10405', // Berlin
'20359', // Hamburg
];
function initialize() {
var map = new google.maps.Map(document.getElementById('map-canvas'), {
center: new google.maps.LatLng(52.5167, 12.1833),
zoom: 6
});
var geocoder = new google.maps.Geocoder();
google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
for (var i = 0; i < postalCodes.length; ++i) {
geocoder.geocode({
address: postalCodes[i],
region: 'DE'
}, function(result, status) {
if (status == 'OK' && result.length > 0) {
new google.maps.Marker({
position: result[0].geometry.location,
map: map
});
}
});
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用Javascript API的多个邮政编码根据标记提供的Google Maps位置
- 2
使用有效的邮政编码更改标记的位置
- 3
使用API根据邮政编码获取位置
- 4
使用Google api v3输入邮政编码时的搜索位置
- 5
如何使用带有PHP的Google Maps API将邮政编码转换为经/纬度？
- 6
如何使用Maps API v2自动显示当前位置的街道名称，邮政编码/邮政编码，城市
- 7
使用Google Map API在Google Map上标记多个位置
- 8
如何从Google Map的自动填充API获取邮政编码
- 9
使用Google Maps Api的邮政编码边界
- 10
使用Google Map API上的当前位置更新标记
- 11
拖动的 latlon Google Map JavaScript 的位置
- 12
将Google Map链接到TextView中的邮政编码
- 13
将Google Map链接到TextView中的邮政编码
- 14
Javascript：如何查找邮政编码在字符串中的位置？
- 15
Google Maps Places API-如何在多个结果上使用Google Maps搜索框获取国家/地区，邮政编码，数字，网站URL
- 16
如何使用Google Map API跟踪实时位置？
- 17
使用Google Maps API将邮政编码转换为纬度/经度坐标吗？
- 18
如何使用Google Maps API从邮政编码获取状态（德国）？
- 19
使用Google Maps API从用户的邮政编码中查找最近的条
- 20
如何使用Google Maps API从邮政编码获取状态（德国）？
- 21
如何使用Google Map API快速找到用户当前位置附近的标记
- 22
如何在iOS中使用邮政编码获取距离和位置？
- 23
邮政编码使用结构
- 24
如何使用Here map js 3 API获取当前位置？
- 25
带有多个标记的AngularJS Google Map
- 26
Google Maps不会使用Google Data Studio填充Google表格中的所有邮政编码
- 27
如何使用wp_query搜索带有空格和不带空格的英国邮政编码？
- 28
使用地理名称API和javascript检查邮政编码是否为double
- 29
使用 javascript api google map 从 json 导入标记
我来说两句