百度地图JS-API

1 篇文章 0 订阅
1 篇文章 0 订阅

百度地图:创建地图;创建自定义标注;点击标注跳转;全景地图;(项目:徐天下)

<script type="text/javascript" src="http://api.map.baidu.com/api?ak=HWCnGTqVC*************&v=3.0"></script>
<script>
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(119.95,31.78);
    map.centerAndZoom(point, 16);


    //标注自定义图标的地点
    var myIcon_ci = new BMap.Icon("http://www.cperp.com/lpfbootstrap/images/xv/ci.png", new BMap.Size(60,60));//60 60为自定义图片的尺寸

    var point2 = new BMap.Point(119.951,31.779);
    var marker2 = new BMap.Marker(point2,{icon:myIcon_qi});  // 创建标注
    map.addOverlay(marker2);              // 将标注添加到地图中



//    添加文字说明有bug :文字背景框过小
//    var label = new BMap.Label("常州市某某有限公司",{offset:new BMap.Size(20,-10)});
//    label.setStyle({
//        color : "black",
//        fontSize : "12px",
//        height : "20px",
//        lineHeight : "20px",
//        backgroundColor:"white"
//
//    });
//    marker2.setLabel(label);
//   监听事件:点击地图上的覆盖点跳转
    marker2.addEventListener("click", function(){

        window.location.href="http://xxxxxxxxxxx"
    });

    var top_left_navigation = new BMap.NavigationControl();  //左上角,添加默认缩放平移控件
    map.addControl(top_left_navigation);
    map.addTileLayer(new BMap.PanoramaCoverageLayer());
    var stCtrl = new BMap.PanoramaControl(); //构造全景控件
    stCtrl.setOffset(new BMap.Size(20, 20));
    map.addControl(stCtrl);//添加全景控件


</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值