百度地图API 应用

引入<script type="text/javascript" src="http://api.map.baidu.com/api?key=14aa7beef54b694c2592ec4478e312a5&v=1.1&services=true" ></script>

 

key 值根据网站进行申请，也可以用其它网站的

 

注：baidu_map 为DIV ID名字，显示地图的位置

根据地址进行搜索 标注

 

    var key = "地址";
    if(typeof(key)=="string"){
        try{
        var map = new BMap.Map("baidu_map");
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        map.addControl(new BMap.NavigationControl()); 
        var local = new BMap.LocalSearch("北京市", {
          renderOptions: {
            map: map,
            autoViewport: true,
            selectFirstResult: false
          }
        });
        local.search(key);
        }catch(e){}
    }

 

//根据坐标 确定位置

 

var map = new BMap.Map("baidu_map");
var point = new BMap.Point(116.43077, 39.868221);
var marker = new BMap.Marker(point);
map.addControl(new BMap.NavigationControl()); 
map.centerAndZoom(point, 15);
map.addOverlay(marker);