Mapbox GL 城市选择器

• GitHub
• 预览

安装

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');

截图

default.gif