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

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

arcgis api 3.x for js 共享干货系列之二自定义 Navigation 控件样式风格(附源码下载)_第1张图片

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

arcgis api 3.x for js 共享干货系列之二自定义 Navigation 控件样式风格(附源码下载)_第2张图片

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

Navigation图片目录如下:

arcgis api 3.x for js 共享干货系列之二自定义 Navigation 控件样式风格(附源码下载)_第3张图片


更多的详情见:GIS之家小专栏

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

GIS之家作品:GIS之家

GIS之家源码咨询:咨询模式

你可能感兴趣的:(arcgis api 3.x for js 共享干货系列之二自定义 Navigation 控件样式风格(附源码下载))