JQuery 百度地图

来源：互联网发布：淘宝moschino 编辑：程序博客网时间：2024/05/29 02:29

第一步：必须引入jquery.min.js；

第二步：引入百度地图链接；

以下函数可以自己进行修改；

修改函数中，ShowMap('坐标地址', '公司名称', '地址', '电话', '传真', '放大倍数');

源码：

<body> <div id="map"> <div style="width: 100%; height: 503px;" id="allmap"></div> </div> </body> </html> <script type="text/javascript"> $(function () { ShowMap('113.54143,22.274386', 'jQuery', '金茂大厦', '021-888888888', '021-888888888', '20'); }) function getInfo(id) { $.ajax({ type: "POST", url: "WebUserControl/Contact/GetInfo.ashx", cache: false, async: false, data: { ID: id }, success: function (data) { data = eval(data); var length = data.length; if (length > 0) { ShowMap(data[0]["Image"], data[0]["NewsTitle"], data[0]["Address"], data[0]["Phone"], data[0]["NewsTags"], data[0]["NewsNum"]); } } }); } function ShowMap(zuobiao, name, addrsee, phone, chuanzhen, zoom) { var arrzuobiao = zuobiao.split(','); var map = new BMap.Map("allmap"); map.centerAndZoom(new BMap.Point(arrzuobiao[0], arrzuobiao[1]), zoom); map.addControl(new BMap.NavigationControl()); var marker = new BMap.Marker(new BMap.Point(arrzuobiao[0], arrzuobiao[1])); map.addOverlay(marker); var infoWindow = new BMap.InfoWindow('<p style="color: #bf0008;font-size:14px;">' + name + '</p><p>地址：' + addrsee + '</p><p>电话：' + phone + '</p><p>传真：' + chuanzhen + '</p>'); marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); }); marker.openInfoWindow(infoWindow); } </script>

百度地图坐标查询：http://api.map.baidu.com/lbsapi/getpoint/index.html

0 0