将多个标记居中Google API v3
Center multiple markers Google API v3
我意识到有一些例子,但我无法使它与我的脚本一起工作。我知道你需要有一个界限,但它不起作用。
这是我的代码:
<script type="text/javascript">
var infowindow;
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(37.4419, -122.1419);
var myOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
downloadUrl("include/moredata.xml", function(data) {
var markers = data.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = createMarker(markers[i].getAttribute("name"), latlng);
}
});
}
function createMarker(name, latlng) {
var marker = new google.maps.Marker({position: latlng, map: map});
google.maps.event.addListener(marker, "click", function() {
if (infowindow) infowindow.close();
infowindow = new google.maps.InfoWindow({content: name});
infowindow.open(map, marker);
});
return marker;
}
function AutoCenter() {
// Create a new viewpoint bound
var bounds = new google.maps.LatLngBounds();
// Go through each...
$.each(markers, function (index, marker) {
bounds.extend(marker.position);
});
// Fit these bounds to the map
map.fitBounds(bounds);
}
</script>
起初我以为这是因为我宣布了一个中心并放大了我的选项,但即使去掉了这些选项,我的地图也没有显示出来。请帮忙???非常感谢。
首先设置一个数组:
var realMarkers = [];
然后将标记推入阵列:
var marker = createMarker(markers[i].getAttribute("name"), latlng);
realMarkers.push(marker);
然后当你循环realMarker:
bounds.extend(marker.getPosition());
相关文章:
- 在Chrome扩展内部输出Google API调用
- AngularJS&Google可视化-使用状态更改处理程序(Google API)在HTML页面上查看$sco
- 内容安全策略:无法在Chrome扩展中加载Google API
- Google API 的客户端库不会执行回调
- 在Cordova/Phonegap中使用Google API javascript
- 我应该在Google Api javascript中进行什么更改,以便它只能显示印度城市,而不能落后于州和印度
- 如何使用google-api-javascript-client或“Contacts API版本3.0”从gmail导入
- $http.获取和$http.JSONP未能获得Google API响应
- 从本地HTML / JavaScript(没有Web服务器)访问Google API
- 将PHP集成到Javascript中,使用Google API显示地图标记
- Access Control Allow Origin阻止我访问google api,尽管使用了dataType:
- 如何在js文件中使用Google API
- 使用JavaScript的Google API授权
- php中的google API javascript代码
- 是否可以调用Google API获取地图图像并将图像保存在某个位置
- 我可以将Google API的XML以字符串形式存储在Javascript中吗
- WinRT Javascript 应用程序中的 Google API OAuth 2.0
- 无法让 Google API 映射出现在 Javascript 中
- Google Api - Seperate Object - JavaScript
- Chrome Extension - Javascript Origins for Google API