leaflet沿线标注_Leaflet笔记(4)在地图中添加标记Marker

上文《Leaflet笔记(3)加载自定义MapBox地图》介绍了使用Leaflet加载自定义地图方法，下面将介绍系列在地图上交互的方法。本文介绍在地图中添加一个Marker的方法。

先放一个效果图

可以看到在地图上添加了一个标记Marker。其实添加方法也很简单，只需要一行代码。

添加Marker代码

var m = L.map('map-container').setView([36.52,120.31], 7);

var tileAddress = 'https://api.mapbox.com/styles/v1/yqcim/';

tileAddress += 'cizh1ma3400ez2so5x1anhuzo/tiles/256/{z}/{x}/{y}';

tileAddress += '?access_token=pk.eyJ1IjoieXFjaW0iLCJhIjoiY2l6ZmhnZjEx';

tileAddress += 'MDBhajJ4cGxnNGN5MnhpdCJ9.pcZtdfk8mSFboCdwqkvW6g';

var attribution = 'Map data © ';

attribution += 'OpenStreetMap contributors, '

attribution += '';

attribution += 'CC-BY-SA, ';

attribution += 'Imagery © Mapbox';

L.tileLayer(tileAddress, {

maxZoom: 18,

attribution: attribution,

id: 'mapbox.streets'

}).addTo(m);

// add a marker

var marker = L.marker([36.52,120.31]).addTo(m);

这里用到了Leaflet的marker这个方法，传入的参数为标记的经纬度。

所有代码