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

截图

default.gif
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # Python 资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列...
    小迈克阅读 3,063评论 1 3
  • 大部分内容是翻译至Kafka The Definitive Guide,有翻译不好的地方请见谅,想深入学习的小伙伴...
    谢谢那些曾经丶阅读 427评论 0 0
  • 从公众号中的学习是快速直观的学习方式。 现如今,公众号数量不断增长,内容复杂多样,但是找到适合自己的进阶内容还是要...
    白白de鹿鹿阅读 136评论 0 1