$(document).ready(function(){ //地图转换 $('[data-mapshow="1"]').each(function() { var objs = $(this), idname = objs.attr("id"), x = parseFloat(objs.attr("data-x")), y = parseFloat(objs.attr("data-y")), tit = objs.find("h5").text(), nr_html = objs.find(".mapshownr").prop("outerHTML"); mapconfig={ mapidname :idname, mapx :x, mapy :y, maptit :tit, mapnr :nr_html }; mapfn(); }); }) //地图 $.fn.maps=function(){ var self=$(this) if (self.length==0) return false; //地图转换 var idname=self.attr("id") var x=parseFloat(self.data("x")) var y=parseFloat(self.data("y")) var tit=self.find("h5").text() var nr_html=self.find(".mapshownr").prop("outerHTML") mapconfig={ mapidname :idname, mapx :x, mapy :y, maptit :tit, mapnr :nr_html } mapfn() } //地图功能 function mapfn(){ var script = document.createElement("script"); script.src = "http://api.map.baidu.com/api?v=2.0&ak=Q7b0lp5CMOA18C3KVbUBz25Gu4iqIawk&callback=initialize";//此为v2.0版本的引用方式 document.body.appendChild(script); } function initialize() { var map = new BMap.Map(mapconfig.mapidname); var point = new BMap.Point(parseFloat(mapconfig.mapx), parseFloat(mapconfig.mapy)); var myIcon = new BMap.Icon("images/icon_.png", new BMap.Size(77,193), { // 指定定位位置 //offset: new BMap.Size(10, 0), // 当需要从一幅较大的图片中截取某部分作为标注图标时,需要指定大图的偏移位置 imageOffset: new BMap.Size(3, -93) // 设置图片偏移 }); var marker = new BMap.Marker(point,{icon:myIcon}); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 map.centerAndZoom(point, 16); // 添加带有定位的导航控件 var navigationControl = new BMap.NavigationControl({ // 靠左上角位置 anchor: BMAP_ANCHOR_TOP_LEFT, // LARGE类型 type: BMAP_NAVIGATION_CONTROL_LARGE, // 启用显示定位 enableGeolocation: true }); map.addControl(navigationControl); // 添加带有定位的导航控件 var mapStyle ={ features: ["road", "building","water","land"] } map.setMapStyle(mapStyle); var infoWindow = new BMap.InfoWindow(mapconfig.mapnr,{width:340,title:mapconfig.maptit}); // 创建信息窗口对象 marker.addEventListener("click", function(){ map.openInfoWindow(infoWindow,point); //开启信息窗口 }); }