百度地图获取两坐标点之间的驾车路线所有坐标

<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">#box {width: 100%;height: 100%;display: flex;}.iput {margin: 20px;}#allmap {width: 60%;height: 100%;}button {width: 100px;height: 30px;background-color: #108CEE;font-size: 16;color: white;}#content {font-size: 16px;color: #000;width: 40%;height: 100%;text-align: center;}#content input {height: 30px;width: 465px;}</style><script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的百度key&plugin=AMap.Driving"></script><title>起点和终点之间的百度轨迹坐标</title></head><body><div id="box"><div id="content"><h3>起点和终点之间的百度轨迹坐标</h3><div class="iput"> 开始经度纬度：<input type="text" placeholder="示例:109.343826,35.006431" name="" id="loglat_one" value="" /></div><div class="iput">结束经度纬度：<input type="text" name="" placeholder="示例:109.399019,34.761730" id="loglat_two" value="" /></div><div style="text-align: center;"> <button type="button" style="" onclick="loadLine()">绘线</button></div><div><br /><textarea rows="34" cols="80" id="point"></textarea></div></div><div id="allmap"></div></div></body><script type="text/javascript">// 百度地图API功能var map = new BMap.Map("allmap", {enableMapClick: false //关闭鼠标默认点击}); //创建Map实例//初始化  调用centerAndZoom方法对地图初始化map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);map.enableScrollWheelZoom();map.addControl(navigationControl);var longpatStrvar reg = /,$/gi; //此处是正则function loadLine() {var loglat_one = $("#loglat_one").val()var loglat_two = $("#loglat_two").val()// var myP1 = new BMap.Point(109.3438260696798,35.00643134507001);    //起点//   var myP2 = new BMap.Point(109.39901976017374,34.76173083440453); //终点var myP1 = new BMap.Point(parseFloat(loglat_one.split(",")[0]), parseFloat(loglat_one.split(",")[1])); //起点var myP2 = new BMap.Point(parseFloat(loglat_two.split(",")[0]), parseFloat(loglat_two.split(",")[1])); //终点var driving = new BMap.DrivingRoute(map, {onSearchComplete: function(results) {if (driving.getStatus() == BMAP_STATUS_SUCCESS) {longpatStr = "";var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通过驾车实例，获得一系列点的数组var paths = pts.length;for (var i = 0; i < paths; i++) {console.log(pts[i].lng + " " + pts[i].lat);longpatStr += parseFloat(pts[i].lat) + "|" + parseFloat(pts[i].lng) + ","}longpatStr = longpatStr.replace("undefined", "");longpatStr = longpatStr.replace(reg,"");$("#point").val(longpatStr)line(longpatStr)}}}, {renderOptions: {map: map,autoViewport: true}}); //驾车实例driving.search(myP1, myP2);}function line(lonlat) {var co = lonlat.split(",");var pointAttr = new Array();for (var i = 0; i < co.length-1; i++) {var loglats = co[i].split("|")var point = new BMap.Point(loglats[1], loglats[0])pointAttr.push(point);}var polyline = new BMap.Polyline(pointAttr, {strokeColor: "#cc0000",strokeWeight: 5,strokeOpacity: 0.5});map.addOverlay(polyline);var loglats = co[0].split("|")map.centerAndZoom(new BMap.Point(loglats[1], loglats[0]), 13);}</script>
</html>

百度地图获取两坐标点之间的驾车路线所有坐标相关推荐

百度地图计算两坐标点之间距离计算
public class BaiDuMap {static double DEF_PI = 3.14159265359; // PIstatic double DEF_2PI= 6.283185307 ...
高德地图驾车路径规划API，获取两地点之间的驾车里程和时间
高德地图驾车路径规划API,获取两地点之间的驾车里程和时间 import pandas as pd import requests import jsondef get_dis_tm(origin, ...
根据ip获取经纬度_PHP使用百度地图获取指定地址坐标：创建AK（图文+视频）
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...
百度地图获取经纬度后，获取区域代码和地址
百度地图获取经纬度后,获取区域代码和地址: function getdistrct_code($location){$url ="api.map.baidu.com/geocoder/v2/ ...
根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标：经纬度（图文+视频）...
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...
vue使用百度地图获取位置信息
vue使用百度地图获取位置信息最近再做H5页面,就一个单页面,进来的时候,要获取地理位置,上代码 1.使用srcipt不受同源策略的影响,来获取百度api 写在了一个bmap.js里面,onBMap ...
vue中调用百度地图获取经纬度
项目中,需要实现获取当前位置的经纬度,或者搜索某个位置并获取经纬度信息,我使用的的是vue,地图使用的是百度地图. 默认自动获取当前位置经纬度拖动小红标获取经纬度关键词查询获取经纬度前期准备 ...
JS 通过百度地图获取详细地址及经纬度
下方代码可以通过百度地图获取到经纬度和详细位置地址注意: <script type ="text / javascript"src ="http://api.ma ...
百度地图获取的经纬度为4.9e-324,4.9e-324
最近做一个项目,发现前天还是好好的,今早过来发现,百度地图获取的经纬度是4.9e-324,4.9e-324,后来仔细检查一下运行时权限,还有GPS有没有打开,后来发现GPS没有打开

百度地图获取两坐标点之间的驾车路线所有坐标

百度地图获取两坐标点之间的驾车路线所有坐标

百度地图获取两坐标点之间的驾车路线所有坐标相关推荐

最新文章

热门文章

百度地图 获取两坐标点之间的驾车路线所有坐标

百度地图 获取两坐标点之间的驾车路线所有坐标

百度地图 获取两坐标点之间的驾车路线所有坐标相关推荐

最新文章

热门文章

百度地图获取两坐标点之间的驾车路线所有坐标

百度地图获取两坐标点之间的驾车路线所有坐标

百度地图获取两坐标点之间的驾车路线所有坐标相关推荐