1.开篇 守望屁股实在太好玩了,所以最近有点懒,这次就先写个简单的来凑一下数.这次我的模仿目标是天地图的地图联动. 天地的地图联动不仅地图有联动,而且鼠标也有联动,我就照着这个目标进行山寨. 2.准备 地图联动其实就是当一张的extent发生了变化,另一张图的extent也要同步变化,这样就可以两张图的范围同步了.同理,这样就可以扩展到N张图进行联动.所以这次的目标就是实现添加任意的地图都要可以联动.首先依然是先看一下官方文档.找到有用的方法或者事件. 整体的难点在于如何判断主地图(有鼠标动作的…

一.开篇 在博客注册了三年,今天才决定写第一篇博客,警告自己不要懒!!! 二.关于ArcGIS JS 版本选择 在写这篇博客时ArcGIS JS 4.0正式版已经发布.它和3.x版本的不同是,Map不在是一个控件,而真的只是一张“图”,Map(4.0版本)需要在一个View里面来展示,在MapView里面就是一张平面图,在SceneView里面就一张三维地图.同一张地图在不同的View里面就可以呈现出不同的效果.但是4.0版本才是一个最初的版本,还有很多3.x有的功能没有被加入到其中.所以我打算…

1. 开篇 模仿是最好的学习,这次我们继续山寨百度,通过自定义Infowindow来实现百度风格的BubblePopup 2.准备 2.1 Copy模板 先打开百度地图,按下f12吧BubblePopup的HTML代码和CSS代码拷贝下来,这里我无耻的把类名改了,大家不要在意细节. HTML模板 <div class="dextra-bubble-pop-center" style="z-index: 3; position: relative; height: 50p…

一.前言 吐槽一下,百度在国内除了百度地图是良心产品外,其他的真的不敢恭维.在上一篇笔记里,我已经实现了自定义的地图测量模块.在百度地图里面(其他地图)都有一个周边搜索的功能,拖拽画一个圆,然后以圆半径进行搜索(也就是缓冲区╮(╯_╰)╭). 这次的目标,就是要山寨这个拖拽画圆的功能,我先放一个效果图. 二.开始山寨 我们先想一想要实现这个功能需要哪些步骤. 拖拽 画圆 通知拖拽结束 2.1 实现拖拽 关于拖拽,有graphicslayer的拖拽事件和map的拖拽事件,如何选择呢?先来看一看官方…

ArcGIS案例学习笔记2_1_山顶点提取最大值提取 计划时间:第二天上午 目的:最大值提取 教程:Pdf page=343 数据:chap8/ex5/dem.tif 背景知识:等高线种类 基本等高线,首曲线 加粗等高线,计曲线   方法和步骤: 1. sa工具箱/邻域分析/焦点统计 Max=焦点统计(21,最大值) 2. 地图代数/栅格计算器 Dem == Max 成立,真,1,true,peak 不成,假,0,false,background 3.sa/重分类/重分类 peak= max(0…

ArcGIS案例学习笔记4_2 联系方式:谢老师,135_4855_4328,xiexiaokui#qq.com 时间:第4天下午 案例1:批量水文分析地理建模 数据:实验数据\Chp11\tutor 目的:自动化,批量化,提取河网 方法:模型构建暗器 模型界面: 模型运行界面 模型运行结果: 案例2:城市规划容积率计算和建筑三维景观动画 教程: pdf page578 数据:实验数据\Chp13\ex5 步骤: 0. 建筑三维显示:ArcScene/buildings/右键/属性/拉伸/Hei…

ArcGIS案例学习笔记1_1 联系方式:谢老师,135_4855_4328, xiexiaokui#qq.com 时间:第一天上午 准备 0.U盘复制ArcGIS培训*** 1.练习数据不要放到桌面 路径说明:不能太长太深,不能有标点符号(+-) 2.zip,解压缩 3.测试ArcGIS/arcmap(地图) 4.案例,典型提炼,特殊讲解 目的: 学习内容以解决科学问题和工程实践为目的,以案例为主线,不以软件组成.菜单.功能为中心. 不限软件版本,10.2特殊bug:以字段做缓冲区,有专门解决…

ArcGIS案例学习笔记2_1 联系方式:谢老师,135_4855_4328,xiexiaokui#qq.com 时间:第二天上午 案例1:学校选址 内容:栅格数据分析 教程:pdf page=323 数据:chapter8/ex1/教育,生活,土地利用和数字高程表面 步骤 环境设置:工作空间,范围,分辨率 方法: Sa工具箱/距离/欧氏距离 Sa工具箱/表面/坡度 Sa工具箱/重分类/重分类 Sa工具箱/地图代数/栅格计算器/加权平均 结果: 案例2:山顶提取 内容:最大值提取 教程:Pdf…

之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者服务器 一.安装webpack 你需要之前安装node.js $ npm install webpack -g 安装成功后,便可以使用webpack命令行了. ok,开始工作! 二.新建一个空目录,名字为myApp,文件如下 entry.js document.write("It works.&qu…

vue中vue-router的使用:…