html5实现地图上定位导航路线
花和星星?
1.先去通过拾取坐标系统获得点位的坐标链接在网页的<head>中插入API引用脚本。<script type="text/javascript" src="链接"></script>
3.在网页的</body>之后</>之前插入地图显示代码
4.设置显示地图的div的id为“dituContent”,即添加 id="dituContent" 由于jqm的div的高度都是根据内容自由放大的,所以为了地图能正常显示,还需要增加一个高度值,一般情况600px就可以注意事项:
1. var nt = new BMap.Point(120.524011,3
6.395728); 这是定义中心指路人地图标注服务中心坐标
2. map.centerAndZoom(nt,15); 这个据我调试 应该是控制地图比例缩放的
3. window.setTimeout(function(){map.panTo(nt);}, 1000);注意了 一般的demo是没有这个东西滴,所以呢当跳转到地图的页面时候 是不会显示你标注的中心点的 但是由于我的聪明和机智 各种装孙子求助大神 才得知了这个大神不削一顾的属性 :设定地图加载后1秒调至中心点 。。最后强调下 低调 一定要低调。。。
4. function createIcon(on){ var icon = new BMap.Icon("images/map_icon.png", new BMap.Size(on.w,on.h),{imageOffset: new BMap.Size(-on.l,-on.t),infoWindowOffset:new BMap.Size(on.lb+5,1),offset:new BMap.Size(on.x,on.h)}) return icon; } 这里就是创建一个icon
5. var markerArr = [{title:"西程村",content:"青岛市即墨市蓝鳌路 电话:123123123213",nt:"120.524011|3
6.395728",isOpen:0,icon:{w:32,h:32,l:0,t:0,x:6,lb:5}}]; 这里呢 就是设置标注的信息
2021-09-23 17:37:38 1002查看 0回答
2021-09-23 17:38:22 1114查看 1回答
2021-09-23 17:38:49 453查看 1回答
2021-09-23 17:39:29 379查看 4回答
2021-09-23 17:39:46 413查看 2回答
2021-09-23 17:46:21 710查看 3回答
2021-09-23 17:46:21 490查看 2回答
2021-09-23 17:50:24 303查看 2回答
2021-09-23 17:51:32 380查看 2回答
2021-09-23 17:54:24 306查看 0回答