《地图使用手册V35.docx》由会员分享，可在线阅读，更多相关《地图使用手册V35.docx（11页珍藏版）》请在三一文库上搜索。
1、地图使用手册v3.5目录1. 地图介绍 32. API引入步骤 33. API 说明 43.1. ZMAP构造函数43.2. ADIFEATURE43.3. UPDATENE83.4. ADANIMATION直接使用 ADAEATUR替换）83.5. ADDNTERACTION 83.6. UPDATEEATURE.93.7. ADSELEC193.8. POPUP. 103.9. UPDATEZE 103.10. CLEAALL 103.11. LINEMOVE 113.12. ADSCALETOOL 113.13. ADZOOMOOL 111. 地图介绍此地图平台是基于开源软件openla
2、yers 进行封装扩展实现的。2. API引入步骤Js包引入（注意加载顺序）1 .引入ol.js 文件，放在head标签里面加载2 .引入ZMap.js文件，在地图容器后加载，建议放在body后加载此文件3. API说明3.1. ZMa明造函数ZMap=function(div,center,zoom, maxZoom,offset_lon,offset_lat )div:HTML页面div的ID,字符串类型center: 地图初始化的中心点坐标，数组类型zoom:地图初始化的级别，整数maxZ00mB图最大级别(最大级别为23级2米精度，百度为18级20米精度)offset_lon: 经度偏
3、移量offset_lat: 维度偏移量例如：var zMap=new ZMap(map,13072318,4814683,18);3.2. addFeatureaddFeature=function(fs) ，其中 fs 为 json 格式数据。var testFeature=points:/ 地图上标注点的集合name: f1,/ 地图上标注点的显示的名称id:f1,/ 地图上标注点的显示的ID, 注意保持ID 的唯一性lon: 13074318,/地图上标注点横坐标（米）lat: 4814283,/ 地图上标注点的纵坐标（米）src: zmap/icon.png/地图上标注点的显示的图片a
4、nimation:false,/该点是否需要闪动animation_circle:true,/增加圆圈的动画效果zoom:17,/ 小于 17级使用 src 图标，否则使用src2 图标src2:zmap/point_blue.png,/line:true,/ 判 断 是 否 把 该 点 增 加 到 线 上 （ 前 提 已 设 置 line:true ）entity:sb,/ 设置点的实体类别（可以通过这个定义不同的弹出窗口）properties:name:f111,content:xxxxx,/值可以根据业务自行设置，此属性可不填offsetX:10,/文字描述的X方向偏移量（像素）offs
5、etY:20,文字描述的Y方向偏移量（像素）font:italic bold 20Px arial,serif,设置字体样式，可参照 CSS里面font设置color:#ff0,/ 字体颜色fixpup:true,/V3.3 增加 默认弹出气泡窗口，注：在 addSelect的方法 中不要调用 entity ，防止鼠标单击后又弹出气泡窗口， 设置为false不调用 updateFeature方法可以关闭此气泡窗口pupOffsetX : 10,/V3.4 增加默认弹出气泡窗口的 X偏移值pupOffsetY : 5,/ V3.4增加默认弹出气泡窗口的 Y偏移值content:testestee
6、ete/V3.3 增力口默认弹出气泡窗口的内容,name: f22,id:f2,lon: 13075318,lat: 4814383,src: zmap/icon.pnganimation:false,/该点是否需要闪动（批量增加是，全部都会闪动，建议在updateFeature接口调用使用该参数zoom:17,/小于17级使用src图标，否则使用src2图标 src2:zmap/point_blue.png,/line:true,/判断是否把该点增加到线上（前提已设置line:true )lineDash:5,5,5,/ 值可以修改，按比例进行切分成点线方式，此属性可填 , 若有该属性，值必
7、须使用数组entity:sb/ 设置点的实体类别（可以通过这个定义不同的弹出窗口）,min:5,/ 该图层在地图上能显示的最大级别（能缩小大到的级别，最小值为 -11 ），值越小，能缩小的级数就越大，越精细max:18,/ 该图层在地图上能显示的最大级别（能放大到的级别，最大值为18），值越大，能放大的级数就越小，显示的范围越大（看到全球）type:1,/ 标注点增加的类型，1: 仅增加点2: 增加点， 并且把点连成线3:进把点连成线auto:true,/ 是否根据标注点自动计算显示的范围，当坐标点1 个时， 自动缩小到最大级别。layer:10,/ 坐标点放在地图上图层的ID，id”:10,
8、/放在地图上要素的ID,如路线的ID,线路不断加长时，需要根据此值在地图上查询，并动态增加linecolor:#ffff00,/路线的颜色linewidth:6,/ 路线的宽度arrow:true,/v2.8是否采用箭头样式，可以不设置此项arrow_src:zmap/arrow.png, v2.8采用箭头样式对应的箭头图标，若设置了 arrow为true,此值为必须项arrow_zoom:10/小于zoom级数时不显示箭头，采用箭头样式对应的箭头图标，若设置了 arrow为true,此值为必须项；zMap.addFeature(testFeature);3.3. updateLineupda
9、teLine=function(fs)其中 fs 为 json 格式数据。与addFeature参数完全一样，需要根据layer与id两个值来判断要增加到 地图上的线路。34addAnimation(直接使用 addFeature 替换)动态显示标注点addAnimation=function(p)/ 参数 p 坐标数组例如：zMap.addAnimation(13075318, 4823683)3.5. addInteraction在地图上进行标注并获取坐标值addInteraction=function(value,return_fun) /value 传入字符串：Point点，线 Lin
10、eString ， Polygon 多边形，Circle 圆； return_fun 回调函数，可获 取在地图上标注后的坐标数组。如：zMap.addInteraction(LineString,function(e)alert(e.feature.getGeometry().getCoordinates(););/ 双击结束3.6. updateFeature修改Feature,参数同addFeature ,此方法通过图层ID(layer) , ID进行查找对应的标注点，并进行修改。3.7. addSelectfunction sbSelectFun(id,coor, p) / 回调函数：i
11、d 对应增加标注点对应的ID值， coor 系统自动返回的标注点坐标, p 回传标注点中的propertieszMap.popup(ddddddddddddddddddddddddddddddddddddddd+cccccccccccccccccccccc,coor); function sb2SelectFun(id,coor)/zMap.popup(yyyyyyyyy+tttttttttt,coor);zMap.addSelect(entity:sb1,/ 在增加标注点中标示的entity 属性fun:sbSelectFun,/ 对应的回调函数，回调函数有两个参数entity:sb2,fu
12、n:sb2SelectFun,);3.8. popupzMap.popup(con,coordinate) /con: 弹窗中的内容，html 格式 ;coordinate: 显示弹窗的位置3.9. updateSizezMap.updateSize(600,600);/ 修改地图窗口的大小，传入width,height 值3.10. clearAll清除所有图层3.11. lineMovevar testFeature5_move=layer:10,/ 图层 ID ，对应 addFeature 方法里面的layer 属性id:112,/线ID ,对应addFeature方法里面的id属性src:zmap/car.png/ 轨迹里面的显示的图标，如在行驶的小车;zMap.lineMove(testFeature5_move);3.12. addScaleTool在地图的左下方，增加比例尺控件zMap.addScaleTool();3.13. addZoomTool在地图的右上方，增加滑动缩放控件zMap.addZoomTool();