zoukankan      html  css  js  c++  java
  • 百度地图API接口

    js

    <script type="text/javascript">
    
                    // 百度地图API功能
                    var map = new BMap.Map("map");    // 创建Map实例
                    var point = new BMap.Point(118.001499,36.793754);   //坐标拾取网址:http://api.map.baidu.com/lbsapi/getpoint/index.html
                
                    var marker = new BMap.Marker(point);  // 创建标注
                    var mapStyle = {style:"normal"};
                    map.setMapStyle(mapStyle);
    
                    var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角,添加比例尺
                    var top_left_navigation = new BMap.NavigationControl();  //左上角,添加默认缩放平移控件
                
                    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
                    map.centerAndZoom(point, 18);  // 初始化地图,设置中心点坐标和地图级别
                    map.addOverlay(marker);               // 将标注添加到地图中
                    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                    map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
                    map.setCurrentCity("上海");          // 设置地图显示的城市 此项是必须设置的
                    
                
                
                    window.onresize = function(){
                
                        map.centerAndZoom(point, 15);  // 重置窗口的时候 重新获取中心点坐标的位置
                
                    }
    
                map.addControl(top_left_control);
                map.addControl(top_left_navigation);
                /*map.addControl(top_right_navigation);  */
                </script>
  • 相关阅读:
    Vue自定义组件
    Vuex状态管理总结
    关于状态管理模式
    Vue路由实现页面跳转的两种方式(router-link和JS)
    Vue过渡效果的实现
    Vue中的DOM操作
    SASS 和 LESS 的区别
    Vue计算属性和侦听器
    zabbix 内置变量
    /proc 目录下文件详解
  • 原文地址:https://www.cnblogs.com/shenzikun1314/p/7326067.html
Copyright © 2011-2022 走看看