leaflet沿线标注_leaflet(二)在地图上添加标记

地图上添加标记使用L.marker接口

使用：第二个对象是可选的

L.marker( [ x , y ] , {

//设置参数

title：‘haha’ //鼠标hover出现title值

draggable:true  //设置此参数后标记可拖动(移动)

}).addTo(mymap)

默认标记

var marker = L.marker([0, 0],{

title:'景山',

draggable:true}).addTo(m);

自定义标记

借助L.icon接口。可以使用 自定义图标

下面的代码那个图片就是图标，哈哈

var myimage =L.icon({

iconUrl:'./image.jpg', //图片url

iconSize:[50,100], //设置图片大小 宽度50.高度100iconAnchor: [0,0] //设置定位点的位置。默认为中心 例子中以左上角为定位参考。相当于relative

popupAnchor:[50 ,0], //设置警示框位置 ，以iconAnchor的值进行定位。相当于absolute 例子中的警示框定位到有、右上角。

})

var marker = L.marker([0, 0],{

icon:myimage

title:'景山',

draggable:true}).addTo(m);

当我们需要很多共同点的图标。例如只是图片不一样，但是图片