原文地址:Mapbox GL 城市选择器
可快速定位城市的城市选择器
安装
npm i city-selector-control
使用
new CitySelectorControl(options: Object)
配置项
# | 名称 | 类型 | 描述 | 默认值 |
---|---|---|---|---|
1 | theme | String | 主题, 可选 'light' or 'dark' . | 'light' |
2 | placeholder | String | 初始化的文本. | '请选择' |
2 | hot | Array | 热门城市代码. | ['440100', '440300', '330100', '510100'] |
2 | zoom | Number | 缩放级别. | 10 |
示例
import CitySelectorControl from 'city-selector-control'
import 'city-selector-control/style.css'
// 默认配置项
map.addControl(new CitySelectorControl(), 'top-right')
// 自定义配置项
const citySelectorOptions = {
theme: 'dark',
placeholder: '全国',
hot: ['110000', '340500'],
zoom: 10
};
map.addControl(new CitySelectorControl(citySelectorOptions), 'top-right');