GIS定位和自定义图标
开发工具与关键技术：VS软件，GIS定位和自定义图标
作者：陈隆
撰写时间：2020年05月02日
说到GIS可能很多人都很陌生吧，其实只有没接触过的就肯定是不知道这到底是什么来的，可能知道GPS的比GIS的要多得多，GPS其实就是一个定位功能，可以知道实时的某个东西的位置在哪里，这的确是一个不错的好东西，不过这个好东西也是需要有GIS的支持下才可以完美运行的了，说到这里应该大家都想到了GIS到底是个什么东西了吧，其实就是地图服务，就是日常人们常常用到的地图，说到地图就肯定不会有人不认识吧，GIS就是各种的地图服务，可以经过专业程序员优化到做好的级别就是我们日常用到的某种地图了，这地图也不是只是用来看地图的，当然是需要各种功能来给人使用的，就比如这里说到的定位就是GIS中重要的功能之一，那么下面就来说一下这个功能到底是怎样实现的吧。首先需要把需要的地图制作好，制作地图需要用到的软件是SuperMap iDesktop 10i或者iDesktop其他版本都是可以的，可以使用的软件是有好几种的，可以根据自己的需求去下载，下载就是去Superman官网下载就可以了，下载好制造地图的软件后还需要下载一个服务器，服务器使用的也是同一个公司的软件，软件就是supermap_iserver，必须要下载这个服务器才可以，下载的时候记住是需要下载zip文件就不会有错了，这个也是有很多版本的，根据自己需求下载就好了。下载好之后就可也把自己所做的地图上传到这个iServer服务器中了。上传好之后就可以开始写定位的代码部分了。那么首先需要把iServer服务器打开，打开就是双击所下载的文件中的bin文件里的startup.bat就可以运行服务器了。点击运行后就会出现一片代码块的。请看运行代码图。（运行服务器成功代码图）
上图就是运行服务器成功的代码，看见出现毫秒数就是运行成功了，如果失败也是在这块代码中显示的，运行成功之后就可以使用vs软件，vs全名Visual Studio 2015，一般使用这个软件可以做各种的软件、网页等等，反正就是可以做挺多的东西的，使用vs制作网页地图也是基本的功能，下面就来讲讲本文所需要讲到的定位，和自定义定位的图标吧，首先是需要把地图给获取到网页中才可以，这是必须要的一步，要不然你是无法看到你所做的定位和图标修改的，那么必须要展现出来才可以看到自己所做的效果，展现地图也是挺简单的一步，这里就不多说了，地图出现在网页中之后就可以实现自己想做的某些功能了，GIS中的功能说多也不是很多，说少又不少，那么想要制作定位其实也是不难的，首先需要查询需要定位的图层，然后需要在图层中创建客户端矢量图层，然后添加到地图中，然后再写相关的代码就可以了，那么直接看定位的代码吧。
（定位代码截图）
定位的代码就是上图中的代码，代码中首先需要清空图层中的矢量图层，然后创建绘制线段的控件并启用就可以了，启用就是把这个添加到map的地图中就可以了，开启监听事件也是地图中的坐标事件，首先把地图的坐标给转换为想要的坐标，然后查询出需要的图层，就是这样获取想要的图层也是很容易就获取到的，这里的图层是需要选择自己所制作的地图中的地图，图层名可以在制造地图的软件中找到，也可以在服务其中找到该地图就可以查看到了，就这样就可以了，那么下面接续把定好位的图标来修改一下，图标可以修改为自己觉得好看的图标的，那么下面就上修改定位图标的代码。（修改图标截图）
自定义图标的代码也是非常的少的，就看这代码就可以看出这也是不难的一部分，自定义图标就是需要准备好自己想要修改的图标图片，然后把图片的路径写到图片路径就可以了，然后就是图片的大小，可以随意调节，根据需要来调就可以了，然后就是把图片修改就可以了，下面请看效果图吧。（功能完成效果截图）
这样就完成了图标的修改了。
GIS定位和自定义图标相关推荐
- android百度地图单点定位_Android百度地图实现搜索和定位及自定义图标绘制并点击时弹出泡泡...
一.问题描述 上一次我们使用百度地图实现基本的定位功能,接下来我们继续实现搜索和定位,并使用LocationOverlay绘制定位位置,同时展示如何使用自定义图标绘制并点击时弹出泡泡 如图所示: 二. ...
- 【百度地图API·javascriptapi】地图定位、创建自定义图标、获取用户点击位置
引言 地图在网页上的应用远不止于展示,我们可以借助百度地图定位用户的当前位置,在地图上创建自定义的标记,或者在用户点击地图的时候,获取用户点击位置的经纬度. 定位 百度地图给用户提供了专门的定位api ...
- vue-aMap高德地图的应用(添加覆盖物点坐标、自定义图标、添加信息窗体信息等)
vue-aMap高德地图的应用(添加覆盖物点坐标.自定义图标.添加信息窗体信息等) 最近在项目开发中用到了aMap高德地图,简单记录一下,话不多说,直接上代码. 官方文档参考:高德地图aMap官方文档 ...
- ivue-admin中自定义图标问题进行处理
介绍:ivue-admin是基于vue.js开发的一个后台管理的框架(这里不多说) 问题:在处理自定义图标的时候,出现了下面的两个问题: 首先是要导入自定义的图标文件 其次是class命名问题 一.解 ...
- van-grid引入自定义图标无效，图标加载不出来
用van-grid布局后, 想要替换默认的图标, 结果发现替换后无效, 用浏览器控制台定位图标后发现图标的类还用的是van-icon开头, 这肯定是不对的, 我们自定义的来自iconfont的图标的前 ...
- JStree 绘制文件树（1）—— JsTree使用Demo以及自定义图标更换
项目中需要向用户展示存储在云上的文件的目录结构,以便于用户选择下载使用,故使用JSTree进行数据的异步加载和绘制.最终的效果简图如下所示: 因初次使用JSTree进行异步数据加载和文件 ...
- Vue中集成高德地图API实现定位与自定义样式信息窗体
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面 ...
- iview weapp icon组件自定义图标 小程序
写小程序图标没有想要的,需要自定义的时候.可以使用阿里巴巴矢量图标库自定义图标. 找到自己需要的,然后先加入购物车,点开购物车选择下载代码,然后解压压缩包. 复制 iconfont.css中的内容,到 ...
- elementUI-添加自定义图标
elementui的小图标有限,跟UI给的不一样,这个时候咋办呢?百度走起....参考了两篇博主分享的 自定义elementui中的图标 和 建立图标库,这里主要用到第一种 实际中: elementU ...
最新文章
- Partition分区及实例
- 关于客户端用ASP参生报表
- 【渝粤教育】国家开放大学2018年春季 0050-21T民族理论与民族政策 参考试题
- Linux下动态库使用小结
- Windows 网络通讯开发
- 10大黑客专用的 Linux 操作系统...
- PHP大批量插入数据库的3种方法和速度对比
- 【Sigmoid】操作对象（对数据结果进行验证）
- Activemq优点和缺点
- 计算机操作系统安全序列详解,操作系统知识梳理
- ROS(sub,pub)测试 Plotjuggler
- Unity2D音游案例-节奏大师教程+源码+素材
- 工厂模式-汽车工厂案例（附代码）
- 图片加载框架之UIL
- 你们知道怎么将图片转成ico? 小妙招分享给你
- GPU服务器的上手使用-小试牛刀
- 从数据仓库到百万标签库，精细化数据管理，这么做就够了
- 计算机基础之计算机的前沿技术
- 视频会议终端到终端的加密
- 又有大佬加入! 「3点钟区块链」之大年初五:不眠夜共襄区块链应用落地 ! (附96小时实录)