js 百度地图api使用方法

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wuyan1001/article/details/71440564

首先,引入百度地图的脚本:

<script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>

然后根据需求定义自己的:

var points = [{
        id: 1,
        lng: 113.9278789384,  //经度
        lat: 22.5390216496,   //纬度
        title: "深圳恒益大通贸易有限公司",
        content: ["地址:深圳市南山区沙河西路2029,城市山谷香樟街1A-20,雅萱府。 电话:0755-86953681"]
    }];

    var map = new BaiduMap({
        id: "container3",
        level: 16, //  选填--地图级别--(默认15)
        zoom: true, // 选填--是否启用鼠标滚轮缩放功能--(默认false)
        type: ["地图", "卫星", "三维"], // 选填--显示地图类型--(默认不显示)
        width: 320, // 选填--信息窗口width--(默认自动调整)
        height: 70, // 选填--信息窗口height--(默认自动调整)
        titleClass: "title",
        contentClass: "content",
        showPanorama: true, // 是否显示全景控件(默认false)
        showMarkPanorama: true, // 是否显示标注点全景图(默认false)
        showLabel: false, // 是否显示文本标注(默认false)
        mapStyle: "normal", // 默认normal,可选dark,light
        icon: { // 选填--自定义icon图标
            url: "img/marker2.png",
            width: 34,
            height: 94
        },
        centerPoint: { // 中心点经纬度
            lng: 113.9278789384,
            lat: 22.5390216496
        },
        index: 0, // 开启对应的信息窗口,默认-1不开启
        animate: true, // 是否开启坠落动画,默认false
        points: points, // 标注点--id(唯一标识)
        
    });





展开阅读全文

没有更多推荐了,返回首页