zoukankan      html  css  js  c++  java
  • 百度地图API的使用

    开始学习百度地图API最简单的方式是看一个简单的示例

     以下代码创建了一个240x100大小的地图区域并以北京瀚海花园作为地图的中心:

    <div style="240px;height:100px;border:1px solid gray" id="container"></div>

    <script type="text/javascript" src="http://api.map.baidu.com/api?key=cxDfy7PndcTgd1bGCVSnmeR2&v=1.0&services=false"></script>其中的秘钥是需要自己需去注册,然后到首页去获取秘钥,创建一个项目,生成秘钥的。

    <script>
    var map = new BMap.Map("container");// 创建地图实例
    var point = new BMap.Point(116.380244,39.874833);// 创建点坐标 ,坐标点可以在百度地图api官网页面上,开发-工具支持-坐标拾取器可以得到
    map.centerAndZoom(point,15);// 初始化地图,设置中心点坐标和地图级别
     
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);                     // 将标注添加到地图中
       
    map.addControl(new BMap.NavigationControl()); //平移缩放控件

    map.addControl(new BMap.ScaleControl());//比例尺控件

    map.addControl(new BMap.OverviewMapControl());//缩略图控件

    </script>

    结果是这样子的:

  • 相关阅读:
    centos networkmanager 和 network配置冲突
    Struts ajax json重新整理
    Struts2 ajax json小例子
    (转)json-lib 的maven dependency
    Struts2文件下载
    jQuery自定义滚动条插件mCustomScrollbar
    Struts2自定义拦截器
    Spring的自动装配在session监听器失效
    mysql 分组+排序+限定
    mysql触发器
  • 原文地址:https://www.cnblogs.com/jsingleegg/p/4934000.html
Copyright © 2011-2022 走看看