arcgis api for js共享干货系列之二自定义Navigation控件样式风格

时间:2023-03-08 16:36:44
arcgis api for js共享干货系列之二自定义Navigation控件样式风格

0.内容概览

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

1.内容讲解

arcgis api 3.x for js 默认的Navigation控件样式风格如下图:
arcgis api for js共享干货系列之二自定义Navigation控件样式风格
这样的风格不能说不好,各有各的爱好,审美观,这里也不是重点,这里的重点是如何自定义一套自己喜欢的样式风格呢;自己自定义一个 NavigationControl 控件类,最终实现的效果如下图:
arcgis api for js共享干货系列之二自定义Navigation控件样式风格

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

Navigation 图片目录如下:
arcgis api for js共享干货系列之二自定义Navigation控件样式风格

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

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