百度地图API集成与应用-CSDN博客

本文链接：https://blog.csdn.net/abld99/article/details/51065205

使用场景：网页中的活动经常需要在页面中导入地图定位，方便用户查询位置。

百度地图提供了成套的API，非常的方便，初次使用地图的时候阅读一遍百度地图的相关说明是必不可少的！

另外使用百度地图的API要申请密钥(AK)。

写此文是为了贴几行调用代码，以便后续能够直接copy使用：

<!DOCTYPE html>  
<html>  
<head>  
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Hello, World</title>  
<style type="text/css">  
html{height:100%}  
body{height:100%;margin:0px;padding:0px}  
#container{height:70%;width:50%;margin:100px auto;}  
</style>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=申请的密钥"></script>
</head>  
<body>  
<div id="container"></div> 
<script type="text/javascript"> 
var map = new BMap.Map("container");          // 创建地图实例,参数可以是id或元素对象 
var point = new BMap.Point(103.858821, 36.075739);  // 创建点坐标  
map.centerAndZoom(point, 18);                 // 初始化地图，设置中心点坐标和地图级别  
map.enableScrollWheelZoom();				  // 使用鼠标滚轮控制缩放  
map.addControl(new BMap.NavigationControl());    
var marker = new BMap.Marker(point);        // 创建标注    
map.addOverlay(marker);                     // 将标注添加到地图中
</script>  
</body>  
</html>

如何获取代码中的经纬度呢，百度地图提供了一个创建地图应用，输入地名就可以获取目的地的经纬度了，获取地名经纬度