[高德地图js web]---zoom basic Control


觉得amap缩放插件太简单?

觉得amap缩放插件样式不满足你的需求?

如何定制属于自己的地图缩放组件样式?


以angular 为js库做示例:

            首先,贴两个文档供各位参考:

            高德地图UI组件库     、amap缩放组件自定义主题的示例    、amap-ui组件api

可以看到应用组件,除了要引用amap本身,还需要引用AMapUI

通过AMapUI来load对应的zoom、LayerSwitcher、traffic等组件

高德地图中提供了几种官方样式,如: 

theme: 'dark'/'default'等

除此之外,若觉得字体大小、色值、hover等效果不满意,也可定制


自定义样式的zoom

'my-blue'样式为公共css样式被引入


‘my-blue’样式

that's all 

其他UI组件库也可通过该方式自定义样式~

另贴一下属性配置:


position\theme属性值一览

你可能感兴趣的:([高德地图js web]---zoom basic Control)