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 与 地图可视化 扩散圆（间隔形态）（三） － 小专栏

最后

以上就是酷酷小伙为你收集整理的CSS 与 地图可视化 扩散圆（间隔形态）（三）的全部内容，希望文章能够帮你解决CSS 与 地图可视化 扩散圆（间隔形态）（三）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。