CSS 与 地图可视化 扩散圆（间隔形态）（三）

地图可视化来到Css 篇章了，这次一口气是兼容了7个地图引擎, 这次直接上包应用 类库兼容地图引擎有

mapbox maptalks arcgis 4 leaflet openlayer 高德地图 百度地图 在线安装

npmi @haibalai/gismap4-css

如果是react 项目可以不用安装react， react-dom 非react 脚手架需要额外安装，因为本类库使用Css in js 的思想

npm i react react-dom

其中map 对象 针对不同地图引擎 可以放入不同的实例对象自动适应

mapbox 放入mapbox new 实例化的map对象 maptalks 放入maptalks new 实例化的map对象 arcgis 4 放入arcgis new 实例化的 MapView 或者 SceneView 对象 leaflet 放入leaflet new 实例化的map对象 openlayer 放入openlayer new 实例化的map对象 高德地图 放入高德地图 new 实例化的map对象 百度地图 放入百度地图 new 实例化的map对象 初始化

let allKindsData = [ { geometry: [114.0173554, 22.6543179], attributes: { name: “3号圆” } }, { geometry: [113.8054826, 22.7357998], attributes: { name: “4号圆” } }, ]; let option = { renderer: { type: “simple”, symbol: { r: 50, //半径 color: “rgb(226, 96, 9)”, //颜色 CSS 与 地图可视化 扩散圆（间隔形态）（三） － 小专栏