帮助

# 叠加控件

# 使用示例

 
























<script>
    var map = L.map('map', {
        crs: L.CRS.CustomEPSG4326,
        center: {lon: 121.4302, lat: 28.6024},
        zoom: 14,
        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)
    L.control.scale({maxWidth: 100, metric: true, imperial: false, position: 'bottomright'}).addTo(map)
    map.on('mousemove', function (e) {
        var x = e.latlng.lat
        var y = e.latlng.lng
        var jwd = x + ',' + y
        $('#jwd').html(jwd)
    })
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

运行结果

查看源码 ->

← Map →