geojson

先展示下效果图： 具体代码如下： geoJSON绘制边界 initNewMap ( ) { var myStyle = { "color" : "#00f" , "weight" : 2 , "opacity" : 0.5 , "fillColor" : 'red' , "fillOpacity" : 0 , } ; let JsonUrl = 'http://192.168.37.129:22221/assets/images/440000.json' ; // 绘制地图边界 L . geoJSON ( JsonUrl , { style : myStyle , } ) . addTo ( this . map ) ; let _this = this ; $ . getJSON ( JsonUrl , function ( json ) { _this . drawBoundary ( json . features [ 0 ] . geometry . coordinates [ 0 ] ) ; } ) ; } , // 边界高亮及遮罩效果 drawBoundary ( blist ) { let pNW = { lat : 59.0 , lng : 73.0 } ; let pNE = { lat : 59.0 , lng : 136.0 } ; let pSE = {

从这篇文章开始，我们正式进入了Cesium项目实战，在接下来的系列文章中，我们以“北京市”作为我们的研究区域，探讨在城市综合运营管理中的一些常见场景，结合具体的业务场景进行三维可视化。 在本篇“城市行政区划信息展示以及专题信息展示”中我们主要包括如下几个可视化内容。 展示城市行政区划信息 专题信息展示 1. 展示城市行政区划信息 Cesium支持好几种矢量格式的数据加载，比如geojson、kml、czml等，但是不支持shp，但是，我们拿到的城市行政区划数据往往都是shp格式的，对此，我们首先需要做的就是数据格式转换，在这里，我们将shp转换为geojson格式的。 方法（注意shp文件的坐标系需要WGS84的经纬度投影） 在线转换（个人推荐） https://mapshaper.org/ 工具软件转换 QGIS 等专业GIS软件 编码实现 使用 geotools 等开发库 接下来，我们重点说说如何在Cesium中使用geojson格式的数据来做三维可视化。在Cesium中，使用GeoJsonDataSource接口来作为geojson格式数据的加载。我们看看API文档中的定义。 在API实例中，我们可以看到主要是通过GeoJsonDataSource接口的静态load方法来加载，接受一个文件地址参数，以及一些自定义的样式显示参数即可。我们按照API文档中的示例来试一下。 1

百度百科关于POI是这样解释的。POI是"Point of Interest"的缩写，中文可以翻译为"兴趣点"。在地理信息系统中，一个POI可以是一栋房子、一个商铺、一个邮筒、一个公交站等。每个POI包含四方面信息，名称、类别、坐标、分类，全面的POI讯息是丰富导航地图的必备资讯，及时的POI兴趣点能提醒用户路况的分支及周边建筑的详尽信息，也能方便导航中查到你所需要的各个地方，选择最为便捷和通畅的道路来进行路径规划，因此，无论是车载导航还是手机导航，导航地图POI多少状况直接影响到导航的好用程度，导航地图中POI信息点的多少以及信息的准确程度和信息更新速度，都严重影响到一款导航的使用情况。 我们可以理解为POI在任何一个GIS系统中，都占据了非常重要的地位。因此，如何收集POI信息，以及如何在三维场景中显示这些POI信息也是非常重要的。很幸运的是，我们获取到了一份北京市较全的POI数据，大概15万条记录，本篇文章就这个数据着重介绍一下，如何加载POI信息。 笔者获取到的数据为SHP格式，classify为分类属性，本文中，提炼了4s店、餐饮、地铁站、汽车站、超市5个种类，作为示例。 在本篇“城市各类POI数据制作、加工、展示”中我们主要包括如下几个可视化内容。 普通直接加载 默认启用汇聚加载 自定义汇聚加载 1. 普通直接加载 普通直接加载，主要是针对于POI数量比较少的情况下