百度地图

常用操作

//获取Marker的坐标
var p = marker.getPostition();
alert(p.lng, p.lat);

//坐标偏移
初始化地图时,地图会偏左,原因是地图加载后才设置宽度和高度所致。

异步加载API

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>BaiduMap.html</title>
    <script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script>
    <!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=XXX"></script>-->
  <script type="text/javascript">
    window.onload = loadScript; //当页面加载完毕,加载百度地图
    function loadScript(){
       var script = document.createElement("script"); //创建script标签
       script.src = "http://api.map.baidu.com/api?v=2.0&ak=XXX&callback=setMap"; //异步加载的关键
       document.body.appendChild(script); //添加到页面
    }
    function setMap() {
      var map = new BMap.Map("map");// 创建Map实例,
      var point = new BMap.Point(116.404, 39.915);// 创建点坐标
      map.centerAndZoom(point,15);// 初始化地图,设置中心点坐标和地图级别。
      map.enableScrollWheelZoom();//启用滚轮放大缩小
    }
</script> 
</head>
  <body>
      <div id="map" style="900px;height:600px;"></div>
  </body>
</html>
原文地址:https://www.cnblogs.com/timjames/p/8267035.html