高德地图 hello world_高德注册张333oo-CSDN博客

本文链接：https://blog.csdn.net/ooiuy450/article/details/65631056

就地图而言，国内的地图就两家独大，一家是百度地图，另一家是以阿里领投的高德地图。
优缺点对比

从信息含量上比较，百度城市地理信息更详细，资料较新。谷歌正好相反，偏远乡村地区资料更详细。高德等同于谷歌。
　　从功能上比较，百度与谷歌基本上差不多，谷歌多了一个骑行导航。　　从覆盖范围比较，百度高德只能在国内使用，谷歌可以覆盖全球。
　　从离线资源角度比较，百度高德提供国内离线地图。谷歌没有离线地图，但提供预缓冲，但缺陷是缓冲地幅受限，不能多于6块。
　　本人的选择是：三个都要，一个也不能少——城市用百度，乡村用高德，出境用谷歌

本例子以高德api为例

一、要使用高德地图必须先注册获取key值，在申请key的时候要注意，key分为6种，分别是android，ios，硬件，微信，web服务，web端，我们这边以JavaScript为例，所以我们申请的是web端

以下是一个高德地图的最简单页面，类似于hello world

<!doctype html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <style type="text/css">
      body,html,#container{
        height: 100%;
        margin: 0px;
      }
    </style>
    <title>快速入门</title>
  </head>
  <body>
    <div id="container" tabindex="0"></div>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
    <script type="text/javascript">
        var map = new AMap.Map('container',{
            resizeEnable: true,
            zoom: 10,
            center: [116.480983, 40.0958]
        });
    </script>
  </body>
</html>