如何确保在使用 google 地图 api 时完全呈现图块
How to make sure that tiles are fully rendered in using google map api
我可以拍摄 google 地图图像。但我希望它自动捕获。我可以,但它有未完全渲染的图像。所以我想知道是否有任何正确的方法可以知道所需的图块已加载和呈现 fully.I 尝试了图块加载、空闲事件,但似乎无法正常工作。
这是在 tilesloaded 下使用空闲的好方法吗...我可能听起来不对,因为我是 google 地图 api.
的新手
function initialize() {
var mapOptions = {
zoom: 17,
center: new google.maps.LatLng(lat,lng),
mapTypeId: google.maps.MapTypeId.ROADMAP,
rotateControl:true
};
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
google.maps.event.addListener(map, 'tilesloaded', function(event) {
console.log("tilesloaded");
map.addListener('idle', function(event) {
console.log("idle");
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
您可以轻松地在 tilesloaded
事件上添加侦听器。像这样:
google.maps.event.addListener(map, 'tilesloaded', function() {
..... your code ...
});
我可以拍摄 google 地图图像。但我希望它自动捕获。我可以,但它有未完全渲染的图像。所以我想知道是否有任何正确的方法可以知道所需的图块已加载和呈现 fully.I 尝试了图块加载、空闲事件,但似乎无法正常工作。 这是在 tilesloaded 下使用空闲的好方法吗...我可能听起来不对,因为我是 google 地图 api.
的新手function initialize() {
var mapOptions = {
zoom: 17,
center: new google.maps.LatLng(lat,lng),
mapTypeId: google.maps.MapTypeId.ROADMAP,
rotateControl:true
};
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
google.maps.event.addListener(map, 'tilesloaded', function(event) {
console.log("tilesloaded");
map.addListener('idle', function(event) {
console.log("idle");
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
您可以轻松地在 tilesloaded
事件上添加侦听器。像这样:
google.maps.event.addListener(map, 'tilesloaded', function() {
..... your code ...
});