Leaflet-白红宇

Leaflet

阅读量：4143 次

发布时间：2019-05-25

本文共 1023 字，大约阅读时间需要 3 分钟。

看这篇文章: 很好quq

1、默认情况下，地图上所有的鼠标和触摸的交互控件都是激活的。

2、大部分的Leaflet方法在不返回明确的数值是都是返回一个对象

var mymap = L.map('mapid').setView([51.505, -0.09], 13);

(是坐标，还有最大缩放的倍数。好的，那我们先改改这个试试？

3、添加图层

创建一个图层通常需要涉及到为图层设置URL模板，图层的属性文本和缩放的最大级别。在当前例子下，运用Mapbox中的经典地图的 mapbox.streets 图块（为了从Mapbox中运用图块，必须请求token）

titleLayer是指基础图层的元素L.tileLayer('网址(带token)',{    maxZoom:15,     attribution:(文字描述)  id:///,}).addTo(myMap);

看起来是图层添加流啊…… 这个最大放大倍数，然后你看啊，最开始那个setView那里是，，，，现在的，缩放到的倍数是什么（现在是第几层）这个参数不是什么有几层的限制呀

1是最大，后面依次变小了qwq。。

这个标记的话，直接。。你在setView那里多少层，你添加上了的就是多少层。。

嗯，这个层呢是基于它这样来画的，如果不添加地图信息也可以直接画多边形~~~ 只需要给端点就可以自己连了，更普适一点，canvas可做但是有点笨重？这个更漂亮了呢qwq。。地图说不定可以换个背景?..

var polygon = L.polygon([ [51.509, -0.08], [51.503, -0.06], [51.51, -0.047]]).addTo(mymap); //初始化一个多边形,自定义样式如circle

可以在之前创建的变量名字上。。。续加这个bindPop，可以点击触发哟quq

marker.bindPopup(

还有可以是var popup

var popup = L.popup() .setLatLng([51.5, -0.09]) .setContent("I am a standalone popup.") .openOn(mymap);

latlang应该是坐标

最后附上代码，直接到html文件里就可以运行

前面那两句...~~ 没有下载leaflet的话，也可以用连网资源

代码

			
    		leaflet

转载地址：http://eouti.baihongyu.com/

你可能感兴趣的文章