zhushanlin的博客

原创 Cesium 实体、3d瓦片、鼠标事件、三维模型、粒子效果、点聚合、数据加载

1.3 由Geometry(几何形状)、(Appearance)外观组成…1.1 更接近底层,性能消耗较小，要素很多时使用primitive。7、加载 load3dtiles。1、实体 primitive。1.2 可以绘制高级图形。

原创 Cesium 基本知识、控件、坐标、相机、实体、实体删除、数据加载

##5.1 组合实体。

原创 Cesium topjso数据和kmz数据的区别

数据结构与效率： TopoJSON通过共享边界优化存储，更适合于关注数据传输效率和存储大小的场景；而KMZ则是一个包含完整资源的自包含包，更适合于需要快速分享和展示复杂视觉效果的场景。应用场景： TopoJSON更多用于在线地图服务、数据密集型的GIS应用；KMZ则广泛应用于个人制作和分享地理信息内容，以及那些需要简单直观展示的场合。兼容性： KMZ由于基于KML，拥有广泛的软件兼容性，包括Google Earth等；

原创 cesium基本功能和API介绍（提供全部api案例DEMO)

Cesium是一个开源的3D地球浏览器框架，旨在通过Web浏览器提供高性能的三维地理空间数据可视化能力。**技术基础：**Cesium基于WebGL技术构建，利用HTML5、WebGL和WebAssembly等现代Web技术，使得在无需任何插件的情况下，就能在多种操作系统和浏览器上运行。**3D地球展示：**支持展示3D地球、地图和地理数据，包括地形、影像、3D模型等。

原创 openLayer 画笔测量面积，可连续绘制多个多边形并计算和显示面积，每个多边形面积文本居中显示

【代码】openLayer 画笔测量面积，可连续绘制多个多边形并计算和显示面积，每个多边形面积文本居中显示。

原创 openLayer-popup弹窗

在 OpenLayers 中，ol.Overlay 用于在地图上叠加自定义的 HTML 元素，如弹出框、提示信息等。下面是一个简单的示例，演示如何创建并使用 ol.Overlay 来显示一个点击地图上要素后弹出的提示信息框.创建 Overlay 实例: 使用 ol.Overlay 创建一个新的覆盖物实例，并指定其位置、元素和定位方式。添加到地图: 通过 map.addOverlay() 方法将覆盖物添加到地图上。创建地图: 首先，你需要有一个基础的地图实例。

原创 openLayer-基本介绍 OL名词解释

图层是构成openlayers的基本单位，地图是由多个layer组成的，这种设计类似于Photoshop里面的图层，多个图层是可以叠加的，在最上面的会覆盖下面的。概念：随着地图的缩放，按照一定的算法和比例对地图进行切割,将地图分成一个个小的模块，那么这些模块就是瓦片,页面只加载显示的模块，其他模块模糊处理。1、EPSG:4326 表示一个地理坐标系，使用经纬度来表示地理位置，通常用于地理位置的显示和制图。2、EPSG:3857 表示一个 Web 墨卡托坐标系，使用平面墨卡托投影来表示地理位置。

原创 openLayer-动画

【代码】openLayer-动画。

原创 openLayer-动画线

【代码】openLayer-动画线。

原创 openLay-热力图

【代码】openLay-热力图。

原创 openLayer-空间分析

1、方法一（不清楚选择框）2、方法二 （清除选择框）

原创 openLayer-Turf 地理分析

https://turfjs.fenxianglu.cn/ //官网地址。turf地理空间分析的库。

原创 openlayer-turf查找中心点位置

4、setAnimateStyle方法。1、通过高德地图接口获取城市信息。

原创 openLayer-激活画笔与移除画笔

【代码】openLayer-激活画笔与移除画笔。

原创 openLayer-基本概念

GIS地理信息系统(Geographic Information System)，它是在计算机软硬的支持下，对地球表层空间的。将空间数据库中的数据在web的地图(openlayers,leaflet,mapbox,cesium),3-3、地图的最小构成单元【图层Layer】就是将空间数据库中的数据，可视化呈现。，进行采集，存储，管理，运算，分析，3-2、数据格式类型【矢量】【栅格】4、openlayers地图的初始化。3-1、可视化的呈现(点,线,面)4-1、导入依赖 js,css。4-2、挂载点DOM。

原创 openLayer-腾讯高德接口加载

setAreaStyle方法。2、编码传入datav接口。3、加载geojson数据。1、通过腾讯获取城市编码。

原创 openLayer-图层高亮

1、代码实现。

原创 openLayer-点击显示实时交通

【代码】ol-点击显示实时交通（day05）

原创 openLayer-加载网络数据datav

【代码】加载网络数据datav。

原创 openLayer-本地数据加载

【代码】openLayer-本地数据加载 （day5）

原创 openLayer-画笔（总结回顾 geojson与 ol-feature数据转换）

4、数据转换（geojson数据 转成 ol-feature ）5、数据转换（ol-feature 转成geojson数据 ）

原创 openLayer-图文标注、动态样式

【代码】openLayer-图文标注、动态样式。

原创 openLayer-poup-geojson-弹窗（地区高亮）

2、公共代码样式封装 index.js。

原创 openLayer-popup弹窗

* {margin: 0;padding: 0;height: 0;width: 0;left: 50%;left: 50%;top: 2px;right: 8px;font-family: "微软雅黑";

原创 openLayer-画笔优化（激活和移除画笔）

【代码】openLayer-画笔优化（激活和移除画笔）

原创 openLayer-画笔（点击按钮激活画笔）

【代码】openLayer-画笔（点击按钮激活画笔）

原创 openLayer-连续画笔（和L7一样的画笔）

【代码】openLayer-连续画笔（和L7一样的画笔）

原创 openLayer-基础画笔geoJson

【代码】openLayer-基础画笔geoJson。

原创 openLayer-验证画笔要素的添加

原创 openLayer-实现画笔的步骤

1、创建画布 【source-layer】3、将画笔添加地图上。

原创 Openlayers-和Canvas结合

【代码】Openlayers-和Canvas结合。

原创 openLayer-canvas图形绘制

HTML5新增的一个标签，区别css地方，它是使用JavaScript来实现图形的绘制，结合webgl实现复杂的图形绘制。

原创 openLayer-GeoJSON

就是带空间信息的json数据GeoJSON是一种基于JSON的地理空间数据交换格式，它定义了几种类型JSON对象以及它们组合在一起的方法，以表示有关地理要素、属性和它们的空间范围的数据。

原创 openLayer-zIndex和矢量图形

3、例子更改点的位置。

原创 openLayer-线 - 圆 - 【其他图形】

正方形是由圆得到的,关键api: new ol.geom.Polygon.fromCircle()关键api: new ol.geom.Polygon.fromCircle()1弧度 = π/180;

原创 openLayer-点绘制

Openlayers 不仅可以给要素设置样式,还可以给图层设置样式。通过style属性可以设置样式。点击事件给图层添加要素。

原创 openLayer-绘图原理

在OpenLayers的体系框架中：把整个地图看作一个容器（Map），核心为地图图层（Layer），每个图层有对应的数据源（Source），并由地图视图（View）控制地图表现。地图容器上还支持一些与用户交互的控件（Control和Interaction），另外，OpenLayers还支持事件机制。Map、Layer、Source和View是OpenLayers框架体系中的核心类，几乎所有的动作都围绕这几个核心类展开，以实现地图加载和相关操作。1、创建要素几何形状对象(点,线,圆,正方形,矩形,多边形)

原创 OpenLayer-Vue3

【代码】OpenLayer-Vue3。

原创 OpenLayer--图层的切换

【代码】OpenLayer--图层的切换。

原创 OpenLayer-获取图层

【代码】OpenLayer-获取图层。