随笔分类 -  javascript

arcgis jsapi接口入门系列（0）：总览
摘要：开发环境： arcgis jsapi版本4.9 由于我们这套代码是基于vue，webpack开发的，会有少数vue代码，但总体不影响 里面还有些我们公司的js库和html css，给出的代码不能百分百直接运行，主要还是接口的总体介绍 代码中常见且不知来源的变量说明： this.map和this.ma 阅读全文
posted @ 2019-06-24 16:52 cannel 阅读(2301) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（10）：图形高亮
摘要：jsapi也有提供高亮的实现接口，但这里没用，而用的是一种改变图形（graphic）样式的思路 本文实现效果是：地图有多个面图形，当鼠标移动到面的上方，面高亮显示，鼠标移出后高亮解除 初始化 监听鼠标移动事件，这段代码通常在地图初始化后执行 设置图层高亮 阅读全文
posted @ 2019-06-24 16:51 cannel 阅读(1861) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（9）：可以同时显示多个的地图popup
摘要：jsapi有提供popup功能，但缺点很多，例如地图上只能同时显示一个popup，popup内容有限制等 本文提供另一个方法，原理不用jsapi，在地图外用一个普通的div放在地图上面，再监听地图的鼠标移动等时间控制这div跟着地图联动 本文代码可能存在跟框架的css等绑定，不一定能直接运行，在此只 阅读全文
posted @ 2019-06-24 16:51 cannel 阅读(1621) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（8）：鼠标在地图画面
摘要：初始化，每个map执行一次 PS：画点也差不多，都是用SketchViewModel，因此本demo没有专门写画点的 开始画面 阅读全文
posted @ 2019-06-24 16:49 cannel 阅读(548) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（7）：鼠标在地图画线
摘要：初始化，每个map执行一次就行 开始画新的线 开始编辑线 阅读全文
posted @ 2019-06-24 16:48 cannel 阅读(1507) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（6）：样式
摘要：symbol: function () { //线样式 //样式详情请看官方文档 let style = { //线颜色，支持多种格式： //CSS color string：例如"dodgerblue"; //H... 阅读全文
posted @ 2019-06-24 16:47 cannel 阅读(1342) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（5）：几何（点线面）基本操作
摘要：点 线 面 extent（范围，矩形，envelope） 几何计算 阅读全文
posted @ 2019-06-24 16:47 cannel 阅读(1969) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（4）：用代码在地图画点线面
摘要：PS：用代码画点这样写是为了跟后面的用鼠标画点线面区分出来 画点 画线 画面 阅读全文
posted @ 2019-06-24 16:42 cannel 阅读(1168) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（3）：各种类型的图层添加
摘要：这里说的tomcat切片，是指arcgis server切片后，把切片图片文件用tomcat发布（其他任意web服务器发布都行） 上述封装的部分函数 arcgis rest图层指用arcgis server发布的地图服务，用rest方式加载 天地图互联网版，注意这里固定是加载wgs84坐标系的（另一 阅读全文
posted @ 2019-06-24 16:41 cannel 阅读(3038) 评论(0) 推荐(0)
arcgis jsapi接口入门系列（2）：图层基础操作
摘要：//图层相关demo layerFun: function () { //获取地图的所有图层（不包括的图层类型：底图图层（basemaps）） let layers = this.map.layers; //获取地图的所有图层（包括所有图层类型） let alllaye... 阅读全文
posted @ 2019-06-24 16:40 cannel 阅读(1814) 评论(0) 推荐(0)