觉得amap缩放插件太简单?
觉得amap缩放插件样式不满足你的需求?
如何定制属于自己的地图缩放组件样式?
以angular 为js库做示例:
首先,贴两个文档供各位参考:
高德地图UI组件库 、amap缩放组件自定义主题的示例 、amap-ui组件api
可以看到应用组件,除了要引用amap本身,还需要引用AMapUI
通过AMapUI来load对应的zoom、LayerSwitcher、traffic等组件
高德地图中提供了几种官方样式,如:
theme: 'dark'/'default'等
除此之外,若觉得字体大小、色值、hover等效果不满意,也可定制
'my-blue'样式为公共css样式被引入
that's all
其他UI组件库也可通过该方式自定义样式~
另贴一下属性配置: