• 百度地图API简单使用


    百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中:  现在新版本的需要密钥,下面用的是旧版的

    <script src="http://api.map.baidu.com/api?v=版本&services=true或者false" type="text/javascript"></script>

    显示广州火车站简单实例:

    <!DOCTYPE html>  
    <html>  
    <head>  
        <meta charset="utf-8"/>  
        <title>百度地图API的使用</title>  
        <!-- 百度地图API-->
     <script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>  
        <script type="text/javascript">  
        function initialize() {  
            //创建地图实例  
            var map = new BMap.Map('map');  
            //创建一个坐标
            var point =new BMap.Point(113.264641,23.154905);
            //地图初始化,设置中心点坐标和地图级别  
            map.centerAndZoom(point,15);  
        }  
        window.onload = initialize;  
        </script>  
    </head>  
    <body>  
    <!-- 百度地图地图容器-->
        <div id="map" style="500px;height:320px"></div>  
    </body>  
    </html>  

    地图上添加控件:

    //添加控件
    map.addControl(new BMap.MapTypeControl()); 

    MapTypeControl ---------地图类型控件

    CopyrightControl --------版权控件

    ScaleControl       --------比例尺控件

    NavigationControl  ------缩放控件

    OverviewMapControl  ----缩略图控件

    创建标注:

    var marker = new BMap.Marker(point);        // 创建标注
    map.addOverlay(marker);                        // 将标注添加到地图中                    

    创建信息窗口:

    var infoWindow = new BMap.InfoWindow("I am here");    // 创建信息窗口对象
    map.openInfoWindow(infoWindow,point);                 //开启信息窗口

    百度地图偏移量:

    经度校正值: 0.008774687519; 

    纬度校正值: 0.00374531687912;

    更多请参考百度开放文档:

    http://developer.baidu.com/map/jsdemo.htm#a1_2

  • 相关阅读:
    51 nod 1109 01组成的N的倍数
    zoj 1530 Find The Multiple
    洛谷 P1124 文件压缩
    洛谷 P1270 “访问”美术馆(树形DP)
    洛谷 P1272 重建道路(树形DP)
    ♫【CSS】命名颜色
    【注释】
    -_-#【命名】BEM
    ☀【jQuery插件】DOM 延迟渲染
    ☀【组件】getRequest
  • 原文地址:https://www.cnblogs.com/tinyphp/p/3949715.html
Copyright © 2020-2023  润新知