<<<<<<< HEAD

vue-demo

A vue project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

VuelayerDemo

创建vue-layer组件

一、组件名称：OLMap

1. 组件属性： (1) center：视图中心 (2) zoom: 缩放等级 (3) spatialreference： 空间参考 (4) controls：地图常用工具，包括zoom（缩放），measure(测量 distance，area)，home（返回初始的地图范围），scale（比例尺），basemapgallery（地图切换），MousePosition（鼠标定位） (5) minZoom： 地图最小放大级别 (6) maxzoom：地图最大放大级别

2. slot： layers：所有的图层 baselayers：所有的底图 popup：点击或者鼠标滑过sc

3. 事件： click：地图点击事件 rendercomplete：地图渲染结束事件 change：地图发生变化事件 showPop：popup显示隐藏事件

4. 开放的操作： moveto（potint）：移动地图到某一个点 calculateExtent：计算当前地图的范围 setZoom(zoom)：设置缩放级别 addLayer（layer，index）：增加一个图层 removeLayer（layer）：删除一个图层

二、组件名称：VectorLayer

1. 组件属性： zIndex: 图层的叠放顺序，number source： Array数组，包括 type(创建什么图形)，geometry(图形的坐标) ，style（用什么策略渲染图形）

2. 组件事件： createvectorFeature：创建点线面等feature initLayer：创建layer getLayer：获取layer

三、组件名称：ArcGISTileLayer、TDTTileLayer

1. 组件属性： zIndex: 地图的叠放顺序 url: 地图地址 projection:地图的投影坐标系

四、组件名称：MapPopup

1. 组件属性： title: 弹框的标题 show: 弹框是否显示隐藏

2. 组件事件： reload：创建overlay getoverlay：获取overlay

3. 开放的操作： close: 弹框关闭

五、页面截图：

67d4336686754f0787fdcbc87dad754e1d88ce29