鍍金池/ 問答/HTML/ 谷歌地圖背景圖片出不了

谷歌地圖背景圖片出不了

情況是:將谷歌分為一塊一塊的圖片,然后調(diào)用new google.maps.Map(document.getElementById("map_canvas"), mapOptions);這個(gè)來初始化圖片,但是現(xiàn)在的情況是圖片是用數(shù)字表示的,通過從獲取到需要的坐標(biāo),然后通過計(jì)算來知道選取的是哪個(gè)圖片,但是現(xiàn)在圖片全部出不了,計(jì)算的圖片的名稱是錯(cuò)的?

function LocalMapType() {
}
LocalMapType.prototype.tileSize = new google.maps.Size(256, 256);
LocalMapType.prototype.maxZoom = maxZoom; //地圖的最大顯示級別
LocalMapType.prototype.minZoom = minZoom; //地圖的最小顯示級別
LocalMapType.prototype.name = "本地地圖切片";
LocalMapType.prototype.alt = "顯示本地地圖切片";
LocalMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
    var img = ownerDocument.createElement("img");
    img.style.width = this.tileSize.width + "px";
    img.style.height = this.tileSize.height + "px";
    var strURL = outputPath; //本地地圖切片存放路徑
    strURL += zoom + "/" + coord.x + "/" + coord.y + format;

    img.src = strURL;
    return img;
};

var localMapType = new LocalMapType();

/*
 *初始化
 */
function initialize() {
    var mapOptions = {
        center : new google.maps.LatLng(39.9224760034337, 116.394653320313),
        zoom : 11,
        streetViewControl : false,
        mapTypeControlOptions : {
            mapTypeIds : [

            'localMap' ]
        }
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    map.mapTypes.set('localMap', localMapType); //綁定本地地圖類型
    map.setMapTypeId('localMap');
。。。。
}

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
浪蕩不羈

找出原因了,因?yàn)榈貓D瓦片下載的就下載了一個(gè)地區(qū)的圖片,現(xiàn)在是因?yàn)樵O(shè)置經(jīng)緯度的時(shí)候設(shè)置錯(cuò)了,所以定位到了別的地方,但是項(xiàng)目中沒有這個(gè)地區(qū)的圖片

2017年9月18日 05:39