谷歌地图背景图片出不了

发布于 2022-09-06 21:24:22 字数 1811 浏览 21 评论 0

情况是:将谷歌分为一块一块的图片,然后调用new google.maps.Map(document.getElementById("map_canvas"), mapOptions);这个来初始化图片,但是现在的情况是图片是用数字表示的,通过从获取到需要的坐标,然后通过计算来知道选取的是哪个图片,但是现在图片全部出不了,计算的图片的名称是错的?

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

羁拥 2022-09-13 21:24:22

找出原因了,因为地图瓦片下载的就下载了一个地区的图片,现在是因为设置经纬度的时候设置错了,所以定位到了别的地方,但是项目中没有这个地区的图片

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文