# 绘制线

# 使用示例

 






















<script>
    var map = L.map('map', {
        crs: L.CRS.CustomEPSG4326,
        center: {lon: 121.4302, lat: 28.6024},
        zoom: 16,
        inertiaDeceleration: 15000,
        maxZoom: 20
    })
    //添加底图
    var layer = new L.GVMapGrid(window.leaflet.getDataUrl + '&x={x}&y={y}&l={z}')
    map.addLayer(layer)

    //添加注记
    var labelLayer = new L.GWVTAnno({tileSize: 512})
    var dataSource = new Custom.URLDataSource()
    dataSource.url = window.leaflet.labelUrl + '&x={x}&y={y}&l={z}'
    labelLayer.addDataSource(dataSource)
    map.addLayer(labelLayer)
    var latlngs = [map.getCenter(), [28.602, 121.439]]
    L.polyline(latlngs, {color: 'red'}).addTo(map) //绘制线
    var latlngs2 = [map.getCenter(), [28.612, 121.439], [28.601, 121.439]]
    L.polyline(latlngs2, {color: 'blue'}).addTo(map) //绘制折线
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

运行结果

查看源码 ->