![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
gis开发,前端可视化
lala_shine
1111
展开
-
OpenStreetMap按照地名自动定位
在做GIS开发的时候,常常需要输入地名,地图自动定位到当前的地方,因为百度地图和谷歌地图中有类似的功能,但是在公司开发的时候,底图却没有百度地图和谷歌地图,所以就在官网上查看了OSM官网的文档,参考网址如下:https://developer.mapquest.com/documentation/open/nominatim-search/search/在地址栏输入http://nom原创 2017-09-29 11:04:11 · 2849 阅读 · 0 评论 -
GIS开发-天地图按照地名搜索定位
在做GIS开发的时候,常常需要输入地名,地图自动定位到当前的地方,因为百度地图和谷歌地图中有类似的功能,但是在公司开发的时候,底图却用的是OpenStreetMap,没有百度地图和谷歌地图,不能调用百度地图定位的方法,并且接口也不是开源的。为了定位的准确性,所以就在官网上查看了OSM官网的文档,参考网址如下:https://developer.mapquest.com/documentatio...原创 2018-05-21 11:15:10 · 8324 阅读 · 4 评论 -
openlayers4判断一个点是否在闭合图形的内部
在opanlayers4官方API已经有一个方法:intersectsCoordinate(coordinate),用于判断一个点coordinate是否在闭合图形的内部,返回值为布尔类型的,true表示点在多边形的内部,false表示点不在多边形的内部。 详细代码如下所示:var geo = feature.getGeometry();//feture是几何元素var isIn = ...原创 2018-05-11 11:27:12 · 7132 阅读 · 3 评论 -
使用Cesium.js加载3D模型
最近项目中用到室外三维模型与室内三维地图交互,室外三维模型的加载我们采用了cesium js来实现,在使用的过程中遇到了许多的问题,闲暇之余将其实现及遇到的问题记录下来,以备将来再用到时少走弯路。 一、开发环境准备 1、下载cesium js cesium js 下载地址 https:...转载 2018-03-16 11:01:34 · 16868 阅读 · 1 评论 -
Cesium实现三维可视化一般步骤
在项目的开发过程中用到在底图显示三维可视化图形,涉及到加载大批量的数据,经过查阅资料,决定采用Cesium设计一个实现方案,在底图显示3d模型以及与3d模型之间的一系列交互行为,下面分步骤详细进行介绍:创建查看器—将查看器添加到指定的铯容器cesiumContainer,可以实现底图的切换,加载天地图。代码如下所示:var viewer = new Cesium.Viewer('c...原创 2018-03-27 14:46:28 · 14507 阅读 · 0 评论 -
openlayers4通过拖动滑动条设置图层颜色透明度
在GIS项目实践过程中,需要实现各个功能区的叠加图层实现,以及设置它们各自的透明度,功能区分为1类、2类、3类、4a类、4b类等。每个功能区的加载均是通过一个json文件加载到map。要求可以单独查看某个功能区,并通过拖动滚动条可以控制每个图层的透明度。 1.首先,在html5中通过input type= “range”可以实现滚动条的拖动,具体实现代码如下:<input type="...原创 2018-05-08 22:27:24 · 4078 阅读 · 1 评论 -
javascript本地上传并解析excel文件
通常,一般读取Excel都是由后台来处理,不过如果需求要前台来处理,也是可以的。在做一个测试案例,页面加载网格地图的时候,为了避免与后端服务器的交互,需要本地上传Excel文件,然后根据上传文件的内容,将对应网格的属性加载显示到地图上,代码如下所示: 1.需要用到插件js-xlsx,下载地址:js-xlsx 2.demo:<!DOCTYPE html><html&g...原创 2018-04-17 10:31:34 · 9957 阅读 · 4 评论 -
openlayers3-经纬度坐标系转平面坐标系算法--米勒投影
地图组件是前端数据可视化非常重要的一个组成部分,根据geoJSON这种通用数据格式来生成地图是比较便捷的做法。不过对于地图坐标转换的算法,还是了解一些比较好,对于设定高阶地图组件会有帮助。这里介绍一下在米勒投影的地图上,如何将经纬度转换为平面坐标的算法,这个算法在生成世界地图的时候比较常见。(维基百科-米勒投影)// lon 经度,西经为负数// lat 纬度,南纬是负数functio原创 2017-12-01 11:09:44 · 8184 阅读 · 2 评论 -
jquery事件委托的回调函数中调用全局变量的简单方法
问题:在用openlayers3开发GIS系统时,出现一个问题,代码片段如下://鼠标右键添加点击事件 $(map.getViewport()).on("contextmenu", function(event){ map.removeInteraction(draw); var pixel = map.getEventPixel(event.originalEv...原创 2017-09-04 14:33:34 · 2218 阅读 · 0 评论 -
openlayers4获取一个图形的边界
由于项目需求问题,需要在地图上绘制多边形要素,由于这个要素可以是不规则的,然后在要素的内部填充文字信息,尽量在多边形的中心绘制,所以要获取多边形的边界,就用到了openlayers框架中的ol.extent.boundingExtent()...原创 2018-05-23 17:06:49 · 6353 阅读 · 1 评论