在最近的项目切图中遇到的一个问题，需要百度地图，并且支持地址切换，因为公司有好几个分公司地址都不一样，通过下面的代码可以解决这个问题。
HTML代码
<div id="allmap"></div><ul id="list"><li onclick="showMark('116.403963','39.915119','111','aaaaa');">天安门</li><li onclick="showMark('116.403963','55.915119','222','bbbbbbb');">创富大厦</li></ul>
代码
// 用经纬度设置地图中心点// 百度地图API功能//map.centerAndZoom(new BMap.Point(116.403963, 39.915119), 18);//map.enableScrollWheelZoom(true);// 参数（经度、纬度、标题、描述）showMark('116.403963','39.915119','fasdfasf','asdfadsf');function showMark(longitude,latitude,title,info){var map = new BMap.Map("allmap");//var longitude = e.getAttribute('data-longitude'),//latitude = e.getAttribute('data-latitude');map.clearOverlays();map.centerAndZoom(new BMap.Point(longitude,latitude),18);var marker = new BMap.Marker(new BMap.Point(longitude, latitude)); // 创建标注map.addOverlay(marker); // 将标注添加到地图中//添加信息窗口var opts = {width : 200, // 信息窗口宽度height: 100, // 信息窗口高度title : title , // 信息窗口标题}var infoWindow = new BMap.InfoWindow(info, opts); // 创建信息窗口对象//marker.addEventListener("click", function(){map.openInfoWindow(infoWindow,new BMap.Point(longitude, latitude)); //开启信息窗口//});}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
微信扫一扫 
