地图可视化来到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: {
 color: “#ff773d”,

CSS 与 地图可视化 三维跳动注记 （十二） － 小专栏