GISuuser的博客

代写地理信息本科研究生毕业设计,有意者发送邮件至965894265@qq.com

MapBox.js地图缩放回调事件

使用MapBox的queryRenderedFeatures进行地图查询的时候,会遇到一个问题,就是只能查询当前屏幕范围内渲染的要素,没有渲染出来的要素就查询不到。MapBox的fitBounds是一个过程,地图会进行缩放,如果在开始的时候,fitBounds后面直接进行要素查询,就会产生查询不到...

2019-07-30 17:50:57

阅读数 37

评论数 0

Android9.0 H5开发WebView网页无法正常访问

最近接触了一个需求,在WebView中嵌入H5网页,无法正常显示。 在WebView开发assets中的html,有本地文件访问权限,在调试模式下浏览器报错cannot fetch to... 在WebView中打开远程html,提示ERR_CLEARTEXT_NOT_PERMITTED 最终...

2019-04-18 08:36:03

阅读数 489

评论数 0

MapBox在Vue中显示是样式错乱问题

在使用MapBox和Vue进行开发时,发现了一个问题,设置地图容器宽高均为100%,但是地图的宽度却只占屏幕的一半大小,各类空间的位置却非常正确。情况如下图所示,在IE浏览器中却正常显示。 最后在经过多番查找发现,是CSS样式的问题,在vue中引发了样式问题 添加如下代码就解决了: ...

2019-04-16 18:00:59

阅读数 93

评论数 0

Proj4.js使用初步入门

Proj4无论在B/S还是C/S中都是非常重要的一个坐标系转换库,很多GIS平台中都引入了Proj4。最近在网上查找了一些坐标系转换的算法,感觉不正确,最后找到Proj4来做了做了一下对比,计算结果在小数点后还是有点不一样的。 这里用的Node.js的安装方法 cnpm install pr...

2019-01-31 15:09:08

阅读数 513

评论数 0

JavaScript16进制颜色字符串和RGB互转

最近需要用到16进制颜色字符串转RGB值,看了一下网上的代码,层次不齐,抄袭太多,很多根本就是错的,其实自己一会就写出来了,懒得写,反而在网上来回找浪费了时间。 代码如下: /** * 16进制颜色字符串转RGB * @param color {Sting} * @returns {n...

2018-12-07 15:10:44

阅读数 176

评论数 0

地图点击提示折线效果

最近接到一项需求,点击地图上的要素从点击的要素向文字提示连线,最初要求是直角的折线,直接在文字提示和地图中心画一个div,给div的两条边加边框,div内部透明就实现了,最后领导要求是折线,直角的不好看,最后就想到了用动态生成SVG实现。 效果图下图 实现过程代码如下 //输入点击要素...

2018-11-21 09:10:27

阅读数 205

评论数 1

通过css设置鼠标指针为自定义图片,并设置对齐点

具体效果如上图所示,css中带了很多浏览器已经支持的鼠标样式,很多时候需要换成自己定义的图片。 查看了很多资料,总结下面的一个流程,最好使用32*32图片,ico格式,当前也有其他格式,最好设置支持跨平台的格式,不同浏览器支持的格式不统一,png等其他的格式是可以转为ico格式,过程自己百度...

2018-08-28 11:04:35

阅读数 1012

评论数 0

使用ArcGIS API for JS4.8调用已发布的服务,实现可视域分析

 在ArcGIS Server中发布已构建的可视域分析模型发布为空间处理服务中,我们已经将视域分析的计算发布为服务,发布成功后,打开ArcGIS Server管理页面,找到该服务,找到服务的连接地址。使用ArcGIS API for JS调用该服务,即可进行视域分析。 代码如下: &am...

2018-08-09 10:42:53

阅读数 1311

评论数 6

Google地图切片TMS格式,本地使用

利用地图下载器下载的已经切好的Google影像切片TMS格式,如何发布供本地使用呢?图片格式如下:解决方案本地安装tomcat或者其他的web容器,将文件放在tomcat的webapps文件夹下然后启动tomcat,就可以访问到了在openlayers访问该服务器的地址代码如下所示:&am...

2018-06-06 11:32:34

阅读数 3119

评论数 4

基于scoket.io的移动端位置上传到服务器,在web端显示

最近由于项目需要,要将android定位的结果实时上传到服务器,并在服务器展示出来,使用scoket.io完成了整个流程。首先是Adnroid端引入scoket.io compile ('io.socket:socket.io-client:0.8.3') { exclude...

2018-05-29 18:28:49

阅读数 336

评论数 0

基于node.js和scoket.io的webScoket简单服务器客户端搭建

通过websocket,服务器可以主动给客户端发消息,并且不需要每次都http请求一下,下面是我写的一个简单小程序;服务器端node.jsvar app = require('express')(); var http = require('http').Server(app); var ...

2018-05-17 19:16:46

阅读数 189

评论数 0

OpenLayers地图打印输出

最近遇到了在Openlayers上开发地图打印的功能,官网给了两个全图打印的demo。其核心思想是将canvas里的像素提取出来。全图输出,保存为本地图片map.once("postcompose", function(event) { var ...

2018-05-17 16:58:16

阅读数 1374

评论数 4

两个div宽度全屏,宽度任意调节

未了实现两个div布满屏幕,且宽度可调,做了如下效果,具体效果如下图所示:页面代码: <div class="mapBox" id="map2D" ></div...

2018-02-27 17:00:50

阅读数 458

评论数 0

基于Leaflet的室内地图最短路径查询部分

使用LeafLet做的最短路径查询,服务使用的是前两篇博文中的地图服务,只是 将OpenLayer换成了LeafLet; 效果图: 核心部分代码如下: var route = { num: false, startPoint: null, endPoint: ...

2018-01-17 09:47:48

阅读数 1605

评论数 1

postGIS+pgrouting+geoserver+openlayers实现最短路径分析

最短路径分析原理阐述:将路网数据存储在postgresql中,构建拓扑,使用pgrouting写出一个查询最短路径的功能函数,在GeoServer中配置sqlview图层,调用前面发布的函数,客户端访问WMS服务,同时将起点终点坐标作为参数传过去,GeoServer就可以返回最短路径瓦片图层,叠加...

2018-01-15 19:19:10

阅读数 2056

评论数 9

webview内的iframe中的事件不可用

最近做Android的Webview开发,使用iframe中嵌入了很多页面,嵌入的页面却不可用,最后发现是

2017-10-16 15:46:06

阅读数 2030

评论数 0

移动端H5的Video标签无法播放在线视频的问题

在做一个视频项目时,在android和ios使用video标签播放视频,均失败。代码如下: 最后经过长时间测试终于解决 你的浏览器不支持H5播放器 这样之后,在ios和android都可以播放了

2017-10-11 15:34:17

阅读数 20440

评论数 1

denied starting an intent without a user gesture

这是在android中的webview加载本地html页面时产生的问题, 原本网页时可以显示的,但是我在网页中加入了就产生了这个问题。 解决方案:将webView.setWebChromeClient(new WebChromeClient()); 更换为 webView.setWeb...

2017-10-11 11:59:24

阅读数 1115

评论数 0

使用zepto.js,纯JS写的登录界面

使用zepto.js写的纯js登录界面

2017-10-09 10:23:53

阅读数 505

评论数 0

腾讯地图获取所选区域坐标

帮朋友做的,顺便记录下来,以后使用,主要是在腾讯地图上点选、主要是在屏幕点选坐标,线选坐标,多边形坐标,代码写的优点乱,也没时间整理了,下面是图,觉得适合自己了,再向后看代码

2017-09-27 08:20:42

阅读数 2591

评论数 0

提示
确定要删除当前文章?
取消 删除