高德地图开放平台 - API示例

欢迎使用高德地图API

本示例页面展示了如何使用高德地图API来集成地图、定位、搜索等功能到您的应用中。

[此处将显示一个交互式的高德地图]

地图初始化示例

以下是如何在网页中初始化高德地图的示例代码：


<script type="text/javascript">
  var map = new AMap.Map('container', {
    resizeEnable: true,
    center: [116.397428, 39.90923],
    zoom: 13
  });
</script>

主要功能

🗺️

地图显示

支持多种地图样式，包括2D、3D、卫星图等。

📍

定位服务

精确定位用户位置，支持IP定位和GPS定位。

🔍

搜索服务

提供POI搜索、地理编码、逆地理编码等功能。

🚗

路径规划

支持驾车、步行、公交、骑行等多种出行方式的路径规划。

POI搜索示例

以下是如何使用高德地图API进行POI搜索的示例：


AMap.service(["AMap.PlaceSearch"], function() {
  var placeSearch = new AMap.PlaceSearch({
    pageSize: 5,
    pageIndex: 1,
    city: "010"
  });
  placeSearch.search('北京大学', function(status, result) {
    // 搜索成功时，result为对应的搜索结果
  });
});

注意： 使用高德地图API需要申请密钥（key）。请确保在正式环境中使用您的有效密钥。

开始使用高德地图API

  1. 注册高德开放平台账号
  2. 创建应用并获取API密钥
  3. 阅读API文档和开发指南
  4. 在您的项目中集成高德地图SDK
  5. 开始使用丰富的地图功能

路径规划示例

使用驾车路径规划服务：


AMap.plugin('AMap.Driving', function() {
  var driving = new AMap.Driving({
    policy: AMap.DrivingPolicy.LEAST_TIME
  });
  
  var startLngLat = [116.379028, 39.865042];
  var endLngLat = [116.427281, 39.903719];
  
  driving.search(startLngLat, endLngLat, function(status, result) {
    if (status === 'complete') {
      // 绘制路线
    }
  });
});

准备好开始使用高德地图了吗？

立即注册开发者账号