hy-map
海云map部署说明
使用
使用
-
执行安装.
npm install hy-map
-
在代码中引入 hy-map
import hymap from hy-map;
或者require('hy-map');
3.对于dll的使用:
在webpack.lib.js中加入
const resources=['hy-map'];
entry: {
libs,
resources//对地图进行单独打包
},
在index-temeplate.html加入打包好的resource.js的引用
<script src='/dist/resoutce.js>
4..生产环境
在webpack.base.config下的module中加入
```
noParse: /(mapbox-gl)\.js$/
```
在webpack.lib.js中的UglifyJsPlugin修改如下:
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false,
comparisons: false//不进行优化
}
})
测试
依赖: node,webpack ,react,antd, brace
- git clone 源码
- 执行 npm install
- 执行 npm build:dll 生成依赖lib文件
- 执行 npm start 启动服务
- 在浏览器输入 localhsot:8110查看例子
api手册
更新日志
*注意:
v0.2.*为openlayer底层框架
v0.3.*为mapbox底层框架支持3d视图
附录
比例尺对应关系
0 1000KM
1 5000km
2 2500KM(图上2cm对应2500KM)
3 2000km
4 1000km
5 500km
6 200km
7 100km
8 50km
9 20km
10 10km
11 5km
12 2.5km(图上2cm对应5公里)
13 2km
14 1000m
15 500m
16 200m
17 100m
18 50m
19 20m
20 10m