美文网首页
Mapbox GL 城市选择器

Mapbox GL 城市选择器

作者: li_9569 | 来源:发表于2019-04-21 22:40 被阅读0次

安装

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

相关文章

网友评论

      本文标题:Mapbox GL 城市选择器

      本文链接:https://www.haomeiwen.com/subject/thzjgqtx.html