zoukankan      html  css  js  c++  java
  • 玩转百度地图(1)

       前一段研究了一些百度地图,正好在闲暇时间总结一下,欢迎大家提意见。这是一个系列,叫玩转百度地图。具体会出几篇还不一定,我会慢慢的整理百度地图的功能,并一篇篇的记录下来。这是第一篇,不做过多的讲解,只是起一个引导,首先教大家如何在页面上显示一个百度地图。首先上一个实例,然后再一一讲解每句话的含义。

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>
    百度地图的Hello, World</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.1&services=true">
    </script>
    </head>
    <body>
    <div style="520px;height:340px;border:1px solid gray" id="container">
    </div>
    </body>
    </html>
    <script type="text/javascript">
    
    var map = new BMap.Map("container");            // 创建Map实例
    var point = new BMap.Point(113.6,34.7);    // 创建点坐标
    map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
    </script>
    

    下面讲解一下这些代码:

    1.<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true">

    是连接百度地图的js文件,我这里用的key是百度地图测试key。

    2.<div style="520px;height:340px;border:1px solid gray" id="container">用来设置百度地图的显示大小,相信大家都能看的懂。

    3.var map = new BMap.Map("container");            // 创建Map实例
    var point = new BMap.Point(113.6,34.7);    // 创建点坐标
    map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。

    point是一个经纬度点,Point(经度, 纬度)。

    最后一句用来设置地图的缩放比例和地图的中心点。大家可以尝试调一下缩放比例,现在是15,越大缩放就越大。

    好了,这一篇就讲这么多,下一篇准备讲在地图上怎样加一个缩放杆,这样就更加便于缩放了,希望大家继续关注!

  • 相关阅读:
    Ubuntu 8.04安设nVidia新版表现驱动
    特性化设置你的linux环境
    Ubuntu 8.04 去失踪文泉驿的点阵字形的方法
    Fedora Nightlife项目 扶助较劲争论机的空闲
    Ubuntu显卡驱动不精确,进入黑屏的处置装备
    Linux中翻开带flash网页主动封锁的处理办法
    Firefox 3 Alpha 5
    Ubuntu 8.04无法正常关机成就处置惩罚
    Redhat Enterprise Linux 5.2 公布了
    KOffice 1.6.3
  • 原文地址:https://www.cnblogs.com/myzhijie/p/1991607.html
Copyright © 2011-2022 走看看