地图生成（Map generation）.docVIP

地图生成（Map generation） script type = text / javascript src = http: / / / api? key = q = 1.1 services = true / script div id = ditucontent style = border bottom: # ccc 1px solid; border left: # ccc 1px solid; width: 680px; height: 400px; border top: # ccc 1px solid; border right ccc: # 1px solid nbsp; / div) script type = text / javascript / / 创建和初始化地图函数: function initmap () { createmap (); / / 创建地图 setmapevent (); / / 设置地图事件 addmapcontrol (); / / 向地图添加控件 addmarker (); / / 向地图中添加marker } / / 创建地图函数: function createmap () { var map = new bmap.map (ditucontent); / / 在百度地图容器中创建一个地图 var point = new bmap.point (121.441765, 31.204056); / / 定义一个中心点坐标 map.centerandzoom (point 18); / / 设定地图的中心点和坐标并将地图显示在地图容器中 window.map = map; / / 将map变量存储在全局 } / / 地图事件设置函数: function setmapevent () { map.enabledragging (); / / 启用地图拖拽事件, 默认启用 (可不写) map.enablescrollwheelzoom (); / / 启用地图滚轮放大缩小 map.enabledoubleclickzoom (); / / 启用鼠标双击放大, 默认启用 (可不写) map.enablekeyboard (); / / 启用键盘上下左右键移动地图 } / / 地图控件添加函数: function addmapcontrol () { / / 向地图中添加缩放控件 var ctrl _ nav = new bmap.navigationcontrol ({anchor: bmap _ anchor _ top _ left, type: bmap _ navigation _ control _ large}); map.addcontrol (ctrl _ nav); / / 向地图中添加缩略图控件 var ctrl _ ove = new bmap.overviewmapcontrol ({anchor: bmap _ anchor _ bottom _ right, isopen: 1}); map.addcontrol (ctrl _ ove); / / 向地图中添加比例尺控件 var ctrl _ sca = new bmap.scalecontrol ({anchor: bmap _ anchor _ bottom _ left}); map.addcontrol (ctrl _ sca); } / / 标注点数组 var markerarr = [{title: 上海申浩企业管理有限公司 content, 免费咨询: br / 4008208290 联系电话: 021 - br / br / 邮政编码: 200030 公司地址: 上海交通大学华山路1954号浩然高科技大厦15层 point 121.441334 | 31.204164, isopen: 1, icon: {w: 21, h: 21 l: 0, t 0, x: 6 lb: 5}} ]; / / 创建marker function addmarker () { for (var i = 0; i markerarr.length; i + +) { var json = markerarr [i]; var p0 = json.point.split (|) [0]. var p1 = json.point.split (|) [1]. var point = new bmap.point (p0, p1). var iconimg = createicon (json.icon); var marker = new bmap.ma