arcgis api 3.x for js 共享干货系列之二自定义 Navigation 控件样式风格(附源码下载)
2023-09-11 14:19:51 时间
0.内容概览
- 自定义 Navigation 控件样式风格
- 源码下载
1.内容讲解
arcgis api 3.x for js 默认的Navigation控件样式风格如下图:
这样的风格不能说不好,各有各的爱好,审美观,这里也不是重点,这里的重点是如何自定义一套自己喜欢的样式风格呢;自己自定义一个 NavigationControl 控件类,最终实现的效果如下图:
思路如下:
其实就是在网上参照天地图或者谷歌地图的 Navigation 风格样式,下载它们的图片模版,然后自己创建 div 来实现图片的缩放平移、全图、左右上下平移等等地图导航功能。
Navigation 图片目录如下:
更多的详情见:GIS之家小专栏
文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波
相关文章
- 关于HTML、js加密、混淆、源码保护、代码安全,防止解压直接看源码
- Vue - 在纯 JS 文件中调用自定义组件 / 类似 ElementUI 弹框组件 Message、Modal(在纯 js 文件中通过 import 方式引入并调用弹框模态框组件显示出来,)
- js加载优化
- 【HarmonyOS】【JS】【布局】鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁?
- 使用fiddler将网站上的css js重定向至本地文件
- JS模式:jq中简单的模式--》采摘自js设计(tomxu_version)
- JS/Jquery版本的俄罗斯方块(附源码分析)
- js 保留两位小数,Js四舍五入,JavaScript Math四舍五入
- Three.js教程之在网页快速实现 3D效果(教程含源码)
- JS教程之使用 P5.js 构建一个贪吃蛇游戏(教程含源码)
- JS手写实现发布订阅设计模式
- leaflet结合turf.js实现多边形分割(附源码下载)
- arcgis api 4.x for js 聚合效果图(附源码下载)
- arcgis api 4.x for js 结合 Echarts4 实现散点图效果(附源码下载)
- leaflet 结合 d3.js 实现 geojson 数据地形剖面分析(附源码下载)
- arcgis api 3.x for js 地图加载多个气泡窗口展示(附源码下载)
- arcgis api 4.x for js 结合 react 入门开发系列"esri-loader"篇(附源码下载)
- arcgis api 4.x for js 结合 react 入门开发系列初探篇(附源码下载)
- arcgis api 3.x for js 入门开发系列十八风向流动图(附源码下载)
- arcgis api 3.x for js 入门开发系列六地图分屏对比(附源码下载)
- js面向对象初步探究(上) js面向对象的5种写方法
- 十个炫丽的表白模板源码,整合成一个完整系统可修改文字,可统计人数,经典的爱情告白,万能告白模板,胜过鲜花表白,程序员的特殊表白方式说——我爱你(520)——html、js、css、jQuery