address + "</p>");
});
</script>
注:
(1).script中http://api.map.baidu.com后面的ak是申请的key,与前面文章中所说的key一致。
(2).引用了jquery的库。
(3).如果还引用了jquery.mobile的库,以适应移动端使用的,记得要将div设置相应的高度和宽度,不然可能会显示一片空白。因为jquery.mobile在渲染时会对页面进行适配的处理。
(4).载入地图的部分封装到了map.js中,其代码如下
- var MapApi = (function () {
- return {
- LoadLocationMap: function (lat, lng, containerId, showText) {
-
-
-
-
- var map = new BMap.Map(containerId);
- var point = new BMap.Point(lng, lat);
- var marker = new BMap.Marker(point);
- map.addOverlay(marker);
- map.centerAndZoom(point, 15);
- map.enableScrollWheelZoom();
- var opts = {
- width: 50,
- height: 30,
- title: showText,
- &n
|