Google Maps API V3 - заказ плитки

Question

я в настоящее время работает на Google Maps API V3 над here

Если масштаб между 21 до 23, то будет накладываемое изображение на карте. Изображение загружается слишком долго, и я решил разбить его на разные плитки для упрощения загрузки. Я использую автоматический резак для плитки, чтобы вырезать изображение на плитки.

У меня проблемы со сценарием;

var OrgX = 31551; // the Google Maps X value of the tile at the top left corner of your Photoshop document 
    var OrgY = 50899; // the Google Maps Y value of the tile at the top left corner of your Photoshop document 

Первый вопрос Как найти значения X и Y из фотошопа документа?

Скажите, если мне удастся решить первый вопрос.

Второй вопрос Правильный ли приведенный ниже код отображает плитки в зависимости от уровня масштабирования? Или мне не хватает каких-либо кодов?

var BuildingsLayer = new google.maps.ImageMapType({ 
    getTileUrl: function(coord, zoom) { 
     return "http://search.missouristate.edu/map/tilesets/baselayer/" + zoom + "_" + coord.x + "_" + coord.y + ".png"; 
    }, 
    tileSize: new google.maps.Size(256, 256), 
    isPng: true 
}); 

map.overlayMapTypes.push(BuildingsLayer); 

Answer 1

Вместо использования автоматического резака для плитки я использовал и рекомендовал MapTiler. Не только он нарезает изображение на плитки, но также генерирует скрипт javascript tiles для его использования.

Однако сценарий написан на v2. Вы можете редактировать коды по:

v3 плитки сценарий

var maptiler = new google.maps.ImageMapType({ 
    getTileUrl: function(coord, zoom) { 
return zoom + "/" + coord.x + "/" + (Math.pow(2,zoom)-coord.y-1) + ".png"; 
}, 
    tileSize: new google.maps.Size(256, 256), 
    isPng: true 
}); 

var map; 

function initialize() { 
map = new google.maps.Map(document.getElementById("map_canvas")); 
map.setCenter(new google.maps.LatLng(36.07, -112.19)); 
map.setZoom(11); 
map.setMapTypeId('satellite'); 
map.overlayMapTypes.insertAt(0, maptiler); 
} 

Credits