900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 景区自定义手绘地图叠加

景区自定义手绘地图叠加

时间:2023-03-09 05:29:09

相关推荐

景区自定义手绘地图叠加

地图上嵌套手绘地图--实现效果:

这里用到了地图的图层

简单一个完整Demo代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>自定义栅格图层</title></head><script charset="utf-8"src="/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script><style type="text/css">html,body {height: 100%;margin: 0px;padding: 0px;}#mapContainer {width: 100%;height: 100%;}</style><body><div id="mapContainer"></div><script>var center = new TMap.LatLng(26.870355,100.239704);//设置中心点坐标//初始化地图var map = new TMap.Map('mapContainer', {center: center,zoom: 15,maxZoom:16});//初始化imageTileLayervar imageTileLayer = new TMap.ImageTileLayer({getTileUrl: function (x, y, z) {//拼接瓦片URLvar url='/visual/lbs_gl_demo/image_tiles_layers/' + z + '/' + x + '_' + y +'.png' ;return url;},tileSize: 256,//瓦片像素尺寸minZoom: 14,//显示自定义瓦片的最小级别maxZoom: 16,//显示自定义瓦片的最大级别visible: true,//是否可见zIndex: 5000,//层级高度(z轴)opacity: 0.95,//图层透明度:1不透明,0为全透明map: map,//设置图层显示到哪个地图实例中});</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。