[API]百度地图的调用

这里用的是JavaScript API大众版
参考链接：JavaScript API大众版 概述

首先是要 申请密钥，不做多述

---

调用方法

首先放个div，给一个id，样式里要给定大小

<div id="map"></div>

然后引入api

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>

最后就是配置数据啦

<script type="text/javascript">    var map = new BMap.Map("map");// 指定id    var point = new BMap.Point(100.000000, 100.000000);// 经纬度坐标    map.centerAndZoom(point, 17);// 17 缩放等级 最大    var marker = new BMap.Marker(point);  // 创建标注    map.addOverlay(marker);              // 将标注添加到地图中    var opts = {        width: 350,     // 信息窗口宽度        height: 50,     // 信息窗口高度        title: "标题", // 信息窗口标题    }    var strInfo = "这个是显示内容";    var infoWindow = new BMap.InfoWindow(strInfo, opts);  // 创建信息窗口对象    marker.addEventListener("click", function () {        map.openInfoWindow(infoWindow, point); //开启信息窗口    });    map.openInfoWindow(infoWindow, point);</script>

最后大概如图