leaflet之加载区域矢量边界

最新推荐文章于 2024-06-15 11:46:27 发布

c_reshape

最新推荐文章于 2024-06-15 11:46:27 发布

阅读量106

点赞数 1

文章标签：前端 javascript webgl

本文链接：https://blog.csdn.net/weixin_45346457/article/details/139070783

版权

import axios from 'axios';
import L from 'leaflet'
import 'leaflet/dist/leaflet.css'

const getGeoJson = (val) => {
  const style = {
    color: '#00F5FF',
    weight: 5,
    opacity: 1,
    fillColor: 'red',
    fillOpacity: 0
  }

  axios.get(`https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=${val}`)
    .then((ret) => {
      const layer = L.geoJSON(ret.data.features, {
        style
      }).addTo(map)
      map.fitBounds(layer.getBounds())
    })
}

getGeoJson(cityId)