地图上嵌套手绘地图--实现效果:
这里用到了地图的图层
简单一个完整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>