項目中突然被要求加入地圖,所以今天下午就研究了百度地圖API
這是我修改后最精簡的版本了,拿過去貼上可以直接使用的煞茫。把大象關(guān)進冰箱需要三步屎飘，這里連三步也用不上
1导帝，首先頁面中首先要引入下面的兩個js文件
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchControl/1.4/src/SearchControl_min.js"></script>
2堡称，把下面的demo寫到模板文件中
var map = new BMap.Map('map_container',{
enableHighResolution: true//開啟高清
});
var point = new BMap.Point(122.053048,37.524917);//初始化坐標(biāo)
map.centerAndZoom(point,19); //初始化地圖
map.enableInertialDragging(); //開啟關(guān)系拖拽
map.enableScrollWheelZoom(); //開啟鼠標(biāo)滾動縮放
//設(shè)置標(biāo)注圖片路徑和尺寸
var icon = new BMap.Icon('/plus/img/pin.png',new BMap.Size(20,32), {
anchor:new BMap.Size(10,30),
});
//定義標(biāo)注所在坐標(biāo)
var mkr = new BMap.Marker(new BMap.Point(122.053048,37.524917), {
icon:icon
});
map.addOverlay(mkr);
OK 刷新看看吧
