vue 地图操作:海岸陆域json数据加载,在地图上框选出某一范围

69 阅读1分钟

vue 地图操作:海岸陆域json数据加载,在地图上框选出某一范围

vue 地图操作:海岸陆域json数据加载,在地图上框选出某一范围_maptalks.geojson.togeometry_不想学习只想玩的博客-CSDN博客

vue 地图操作:海岸陆域json数据加载
引入自己的json文件

import bhw from '../maptalks/js/B.json'

            // 绿色边框(轮廓)范围
            const geometry = maptalks.GeoJSON.toGeometry(bhw)
            if (geometry) {
                geometry.forEach(g => {
                    g.setSymbol({
                        // 线色
                        lineColor: 'rgb(0,255,0)',
                        // 线宽
                        lineWidth: 1,
                        //  内部区域范围颜色
                        'polygonFill': '#ffffff',
                        //  内部区域范围颜色不透明度
                        'polygonOpacity': 0.1,
                    })
                })
            }
            new maptalks.VectorLayer("line").addGeometry(geometry).addTo(this.map)