当前位置：首页 > article >正文

CSS 与地图可视化三维旋转注记篇（八）

article 来源：原创 2022/12/16 7:33:01

地图可视化来到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: {
backgroundColor: “rgb(64,116,52)”,
thickness: 10,
textColor: “rgb(160,191,124)”,
fontFamily: “Lucida Sans Regular”,
CSS 与地图可视化三维旋转注记篇（八）－小专栏

查看全文

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.dgrt.cn/a/300235.html

如若内容造成侵权/违法违规/事实不符，请联系一条长河网进行投诉反馈，一经查实，立即删除！

CSS 与地图可视化三维旋转注记篇（八）

相关文章：

CSS 与地图可视化三维旋转注记篇（八）

事业编招聘：南方科技大学附属实验学校2022年·面向应届毕业生招聘在编教师公告

Python基础学习—字典

提面优秀资格上岸浙大MBA经验分享

Python+Yolov5人脸口罩识别

乒乓球问题

如何克隆特定的 Git 分支？ [复制]

指针进阶（3）--玩转指针

oracle学习篇(二)

pull解析和sax解析的区别

深度学习：前沿技术-Attention：一个实例说明Attention机制——作者：Ling

深度学习：原理简明教程01-从浅层机器学习到深度学习——作者：Ling

深度学习：原理简明教程02-概述和历史——作者：Ling

深度学习：原理简明教程03-神经网络基础——作者：Ling

深度学习：原理简明教程04-神经网络加强——作者：Ling

深度学习：原理简明教程05-深度学习——作者：Ling

深度学习：原理简明教程06-深度学习:激活函数——作者：Ling

深度学习：原理简明教程07-深度学习:初始化函数——作者：Ling

深度学习：原理简明教程08-深度学习:优化器——作者：Ling

深度学习：原理简明教程09-深度学习:损失函数——作者：Ling