问题:百度地图和jquery及其使用jquery的文件、bootstrap都冲突
解决方法,把jquery的引用提到百度地图api引用前,如:
<script src=" js/jquery.min.js"></script>
<script
src="http://api.map.baidu.com/api?type=subway&v=1.0&ak=你自己的授权码">
</script>
其中,发现使用jquery的文件app.js也和百度地图api冲突
解决方法:
var $x=jQuery.noConflict();
然后把app.js的所有$都换成$x就行。
最后,百度地图和boostrap还冲突,解决方法:
1、<head>里面添加:
<style type="text/css">
#map label{ max-width: none;}
</style>
2、添加地图的div令id=map:
<div id="map" style="position: absolute;
margin-top:0px;
width: 600px;
height: 490px;
border: 1px solid rgb(83, 150, 238);
overflow:hidden;">
</div>