创建百度地图

来源：互联网发布：网络性与爱编辑：程序博客网时间：2024/06/03 06:15

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    <title>label制作</title>    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script></head><body><div style="width:800px;height:500px;border:1px solid gray" id="container"></div></body></html><script type="text/javascript">    var map = new BMap.Map("container");    //创建地图容器    var point = new BMap.Point(116.404, 39.915);        //创建一个点    map.centerAndZoom(point, 15);                       //设立中心点和地图级别，就是初始化地图    var myLabel = new BMap.Label("<a style='color:red;text-decoration:none' target='_blank' href='http://dev.baidu.com/wiki/static/index.htm'>百度地图API 0元</a>",     //为lable填写内容            {offset:new BMap.Size(-60,-60),                  //label的偏移量，为了让label的中心显示在点上                position:point});                                //label的位置    myLabel.setStyle({                                   //给label设置样式，任意的CSS都是可以的        fontSize:"14px",               //字号        border:"0",                    //边        height:"120px",                //高度        width:"125px",                 //宽        textAlign:"center",            //文字水平居中显示        lineHeight:"120px",            //行高，文字垂直居中显示        background:"url(http://cdn1.iconfinder.com/data/icons/CrystalClear/128x128/actions/gohome.png)",    //背景图片，这是房产标注的关键！        cursor:"pointer"    });    myLabel.setTitle("我是文本标注label");               //为label添加鼠标提示    map.addOverlay(myLabel);                             //把label添加到地图上    var infoWindow = new BMap.InfoWindow("<p style='font-size:12px;lineheight:1.8em;'>我是lable打开的信息窗口  <img src='http://dev.baidu.com/wiki/static/static/img/new.gif' /></p>");  // 创建信息窗口对象    myLabel.addEventListener("click", function(){        map.openInfoWindow(infoWindow, point);    });

//添加默认缩放平移控件map.addControl(new BMap.NavigationControl());//启用滚轮放大缩小，默认禁用map.enableScrollWheelZoom();//启用地图惯性拖拽，默认禁用map.enableContinuousZoom();

//检索周边配套 way渲染div的idvar local = new BMap.LocalSearch(map, {   renderOptions:{map: map, autoViewport:true, panel:"way"}});//百度检索function search_aim(aim){   return local.searchNearby(aim, new BMap.Point(lng, lat),1000);}

</script>

0 0