瓦片地图由一片一片的地图瓦片构成,它的尺寸是256px*256px,是一张张的图片。下面的金字塔图片,从上到下,呈一个指数关系的增长,最上面对应比例尺最小,表示范围最大的地图,一般而言,最大的这个就代表世界地图整个的地球范围。然后依次往下,对应不同的层级。
"对于瓦片地图256px*256px的图片组成结构,有一套自己的坐标系统。坐标系统有三个x,y,z。x,y确定当前瓦片的位置,z表示当前瓦片的缩放级别,对应的是金字塔里面的层级。
第一级瓦片
"第二级瓦片
"以指数增长,比例尺越来越大,清晰度越来越高。
瓦片地图的优势:
leaflet是一个离线的地图插件,也是完全遵循瓦片地图的国际标准。在使用leaflet时,首先需要获取它的js文件,可以直接去官网下载(https://leafletjs.com/ ),下载后,创建地图:
//定义一个变量,l.map使用了一个id为map的div,之后setview 设置当前适口显示的地理坐标点和赋予它的层级 var map = l.map('map').setview([51.505, -0.09], 13); //手动指定瓦片地图源 l.tilelayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addto(map);
l.marker([51.5, -0.09]).addto(map) .bindpopup('firstmarker') .openpopup();"
//确定坐标点 var latlngs = [ [51.5, -0.09], [55.5, -1.09], [56.5, -2.09] ]; var polyline = l.polyline(latlngs, { color: 'red' }).addto(map);"
var latlngs = [ [50, 0], [51, -1], [52, -2], [51, -3] ]; var polygon = l.polygon(latlngs, { color: 'red' }).addto(map);" 国产剧离线高清在线观看由没事影院整理于网络,并免费提供离线剧照,离线hdbd高清版,离线酷播在线播放等资源,在线播放有酷播,腾讯视频,优酷视频,爱奇艺视频等多种在线播放模式,在播放不流畅的情况下可以尝试切换播放源。观看《离线》切勿长时间用眼过度,避免用眼疲劳,如果你喜欢这部片子,可以分享给你的亲朋好友一起免费观看。没事影院收集各类经典电影,是电影爱好者不二的网站选择!