arcgis api 3.x for js 共享干货系列之二自定义Navigation控件附源码下载

arcgis api 3.x for js 共享干货系列之二自定义Navigation控件附源码下载

0.内容概览

自定义 Navigation 控件样式风格
源码下载

1.内容讲解

arcgis api 3.x for js 默认的Navigation控件样式风格如下图:


这样的风格不能说不好,各有各的爱好,审美观,这里也不是重点,这里的重点是如何自定义一套自己喜欢的样式风格呢;自己自定义一个 NavigationControl 控件类,最终实现的效果如下图:

思路如下:
其实就是在网上参照天地图或者谷歌地图的 Navigation 风格样式,下载它们的图片模版,然后自己创建 div 来实现图片的缩放平移、全图、左右上下平移等等地图导航功能。

Navigation 图片目录如下:

核心代码如下:

更多的详情见

arcgis api 3.x for js 共享干货系列之二自定义 Navigation 控件样式风格(附源码下载) - 小专栏xiaozhuanlan.com图标


文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波


GIS之家店铺:GIS之家
GIS之家源码咨询:GIS之家webgis入门开发系列demo源代码咨询

编辑于 22:21

编辑于 2019-03-28

文章被以下专栏收录

    GIS之家,这里汇聚关于GIS的点点滴滴;GIS之家小专栏:https://xiaozhuanlan.com/gishome ;专栏主要介绍webgis二次开发内容,相关文章尾部会提供源代码demo下载,GIS之家文章更新第一时间发布在本专栏,对本专栏感兴趣的同学们,可以订阅关注一波;GIS之家webgis入门开发系列源代码咨询:https://www.cnblogs.com/giserhome/p/9357204.html