地图 
使用地理坐标(纬度和经度),在功能地图上显示有地图标记和地址/位置信息的位置.
安装
yarn add @berlitz/map
道具
| 参数 | 类型 | 需求 | 默认 | 说明 |
|---|---|---|---|---|
| 儿童 | 节点 | ✅ | 儿童要素直接传入构成部分产出 | |
| 地点 | 对象 | ✅ | 标记的经纬度值。 形状见propTypes. | |
| 高度 | 字符串 | ✅ | 指定地图的高度, 例如 400px | |
| 显示 LOAD 信息窗口 | 嘘 | ❌ | 真实 | 指定初始地图载重时信息窗口是否打开或关闭 |
| 标记 | 字符串 | ❌ | "./marker.png" (中文(简体) ) | 标记图像文件的路径 |
| 映射框样式 | 字符串 | 地图箱://styles/mapbox/streets-v9 | 地图箱://tyles/ACCOUNT NAME/STYLE ID | |
| 映射框访问工具 | 字符串 | |||
| 传单 | 嘘 | 虚假 |
使用量
import Map from '@berlitz/map'
const MyApp = () => (
<Map
showInfoWindowOnLoad={true}
location={{
lat,
lng,
}}
/>
)
页:1
此组件使用 LeafletJS 作为 JS 映射库和 MapBox 用于自定义地图平板样式