页面加入一个查看地图的按钮,针对于每个委托单有一个地图展示点击“实时位置”,发送两个位置,一个起点北京,一个终点上海
,百度地图密钥我也有,需要什么代码,随时提供
2条回答 默认 最新
- youji8 2020-03-09 11:07关注
http://lbsyun.baidu.com/jsdemo.htm#i5_1
这些官方都是有的,不麻烦,直接复制就行了,主要是汉字的话会不准确,需要手动点击查询,如果是经纬度的话直接就会出来<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html {width: 100%;height: 100%; margin:0;font-family:"微软雅黑";} #allmap{height:500px;width:100%;} #r-result,#r-result table{width:100%;} </style> <script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=密钥填一下&s=1"></script> <script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <title>根据起终点名称驾车导航</title> </head> <body> <div id="allmap"></div> <div id="driving_way"> <input type="button" id="result" value="查询"/> </div> <div id="r-result"></div> </body> </html> <script type="text/javascript"> //<div id="allmap"></div> 需要哪里放地图这个就放在哪,在html标签里 // 百度地图API功能 var map = new BMap.Map("allmap"); var start = "北京市"; //起点 var end = "上海市"; //终点 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); //这边是初始化地图位置 $("#result").click(function(){ //点击后事件,可以写成进入页面就触发 map.clearOverlays(); search(start,end,BMAP_DRIVING_POLICY_LEAST_TIME); function search(start,end,route){ var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true},policy: route}); driving.search(start,end); } }); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥60 Python+pygame坦克大战游戏开发实验报告
- ¥15 R语言regionNames()和demomap()无法选中中文地区的问题
- ¥15 Open GL ES 的使用
- ¥15 我如果只想表示节点的结构信息,使用GCN方法不进行训练可以吗
- ¥15 QT6将音频采样数据转PCM
- ¥15 下面三个文件分别是OFDM波形的数据,我的思路公式和我写的成像算法代码,有没有人能帮我改一改,如何解决?
- ¥15 Ubuntu打开gazebo模型调不出来,如何解决?
- ¥100 有chang请一位会arm和dsp的朋友解读一个工程
- ¥15 查询优化:A表100000行,B表2000 行,内存页大小只有20页,运行时3页,设计两个表等值连接的最简单的算法
- ¥15 led数码显示控制(标签-流程图)