npm版本1.0.3
在index.html中引入
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.7&key=你的开发key（详细请看官网https://lbs.amap.com/）"></script>使用步行路线图时还需引入
<link rel="stylesheet" href="https://cache.amap.com/lbs/static/AMap.WalkingRender1120.css"/>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/WalkingRender1230.js"></script>在webpack.base.conf.js中加入
externals: {
'AMap': 'AMap'
}然后执行
# install dependencies
npm install hh-map@版本号
# serve with hot reload at localhost:8080
npm run dev| 属性名 | 说明 | 类型 | 默认 |
|---|---|---|---|
| center | 地图初始化中心点,如果有标点传入优先使用标点 | array | null |
| positionLngLat | 地图初始化标点 | array | [] |
| position | 地图地理位置（如：杭州市余杭区，杭州市黄龙） | string | '' |
| startPoint | 步行路线起点地址 | string | '' |
| endPoint | 步行路线终点地址 | string | '' |
| showPanel | 使用步行路线时使用 | boolean | false |
| moreMarker | 是否开始多标点模式 | boolean | false |
| getLngAndLat | 获取当前地址的经纬度 | function(x, y) |
| 方法名 | 说明 | 回调参数 |
|---|---|---|
| cityChange | 点击地图进行标点 | 点击地图后返回对应标点的信息（如：省，市，区，街道等等） |
| position | 点击地图进行标点 | 点击地图后返回对应标点的经纬度 |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent