在谷歌地图上标记多个位置
Mark multiple locations in Google Map
我使用Google map api v3
来绘制位置数组的标记。我的脚本是
function OnSuccess(response) {
var markers = response.d.split('^^');
var latlng = new google.maps.LatLng(51.474634, -0.195791);
var mapOptions1 = {
zoom: 14,
center: latlng
}
var geocoder = new google.maps.Geocoder();
var infoWindow = new google.maps.InfoWindow();
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions1);
for (i = 0; i < markers.length; i++) {
var data = markers[i];
geocoder.geocode({ 'address': data }, 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,
title: data
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
(function (marker, data) {
// Attaching a click event to the current marker
google.maps.event.addListener(marker, "click", function (e) {
infoWindow.setContent(data);
infoWindow.open(map, marker);
});
})(marker, data);
}
其中markers
变量带来适当的数据,我的测试数据是5个元素的数组
The Game Larder, 24 The Parade, Claygate, Surrey,KT10 0NU
24 The Parade, Claygate, Esher, Surrey KT10 0NU
卡片集,14游行,克莱盖特,ESHER, KT10 0NU
16A The Parade, Claygate, ESHER, KT10 0NU
和相同的是进入阵列
markers
,但它正在绘制只有两个标记。这里出了什么问题
解决方案/strong>
我正在进入彼此非常接近的位置,例如1和2点,这给出了相同的latlong
,因此标记为一个地方。我在这里找到了latlong
。谢谢你的回答:)
In page.aspx。插入标签<div id="map-canvas" ></div>
查看源代码页。>
var lis_marker = new Array();
for (i = 0; i < markers.length; i++) {
var data = markers[i];
geocoder.geocode({ 'address': data }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
lis_marker[i] = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
title: data
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
与您的代码有差异:
1: var lis_marker = new Array();
2: lis_marker[i] = new google.maps.Marker({...});
相关文章:
- 谷歌地图固定位置覆盖
- 在谷歌地图上绘制位置数据库
- 使用ASP.NET将谷歌地图添加到项目中,并从数据库中检索位置
- PHP谷歌地图-位置红色气球没有显示
- 谷歌地图laravel上圆圈的错误位置
- 点击href在谷歌地图中加载位置
- 使用谷歌地图API和phonegap显示当前位置+方向
- 谷歌地图API标记没有标记我的位置
- 在TWebBrowser(谷歌地图)中显示位置,而无需单击按钮
- 如何使用谷歌地图中的纬度和经度搜索附近的位置
- 在谷歌地图上显示所有搜索到的位置结果
- markrimage在谷歌地图api v3中的特定位置后消失
- 谷歌地图Javascript API位置库
- 如何在谷歌地图上为单个位置添加多个标记
- 地理位置谷歌地图jquery
- 显示提醒MSG分享你的位置谷歌地图
- 没有找到当前位置-谷歌地图API
- 添加默认位置谷歌地图
- 如何将多个标记添加到移动位置谷歌地图,Javascript
- 获取一个点附近的政治位置 - 谷歌地图API V3