百度地图根据经纬度绘制轨迹

最新推荐文章于 2024-03-26 13:25:28 发布

原创

最新推荐文章于 2024-03-26 13:25:28 发布 · 1.1w 阅读

50 ·

CC 4.0 BY-SA版权

文章标签：

#百度地图 #绘制轨迹

该博客展示了如何利用百度地图API在网页上根据经纬度数据绘制轨迹，通过提供的HTML源码和参考资料，读者可以了解实现这一功能的详细步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先上效果图
百度地图根据经纬度绘制轨迹
Html源码

<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>运输轨迹图</title>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>  
</head>  
<body>  
<div  style="width:1000px;height:800px;border:1px solid gray" id="container"></div>
  
<script type="text/javascript">  
    window.onload = function(){
    	var map = new BMap.Map("container");  
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);  
        map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件  
        map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件  
        map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件