当你嵌入网页的百度地图突然提示“未获得百度地图商用授权”该怎么办呢？别着急道途网络教你怎么使用高德地图嵌入。

使用高德地图前需要下面两个网址：获得KEY 及坐标。

高德地图API：https://lbs.amap.com/
高德地图坐标：https://lbs.amap.com/tools/picker

可以通过以下步骤实现：

一、注册高德开发者账号并获取API密钥

前往高德开放平台网站，点击右上角进行注册。
按要求填写注册信息并完成注册。
注册完成后，登录账号并进入控制台。
在控制台中，点击“创建新应用”按钮，填写应用名称等相关信息。
创建应用成功后，将生成的API密钥复制并保存，以便后续使用。

二、在HTML文件中引入高德地图的JavaScript API

打开需要嵌入高德地图的HTML文件。
在标签中引入高德地图的JavaScript API，使用你的API密钥替换示例代码中的“你的API密钥”。示例代码如下：（将下面代码坐标：113.902294,23.079083,替换成你的坐标。）

<script src=”https://webapi.amap.com/maps?v=1.4.15&key=你的API密钥”></script>
<div id=”map” style=”width: 100%; height: 400px;”></div>
<script>
// 初始化地图插件
window.onload = function () { var map = new AMap.Map(“map”, {
zoom: 15, // 设置地图显示的缩放级别
center: [113.902294,23.079083] // 设置地图中心点坐标
});
// 创建一个 Marker 实例（113.902294,23.079083）
var marker = new AMap.Marker({
position: new AMap.LngLat(你的坐标), // 经纬度对象 title: “天安门” // 位置标题
});
// 将创建的点标记添加到地图实例
map.add(marker);
}
</script>

四、测试和调试

1. 保存你的HTML文件，并在浏览器中打开它以测试地图是否能够成功显示。
2. 确保浏览器控制台没有报错信息，如果出现问题，可以检查API密钥是否正确、JavaScript API的引入地址是否有效等。

通过以上步骤，你就可以成功地将高德地图嵌入到网页中，并根据需要调整地图的显示样式和功能。如果你需要更高级的功能，比如添加自定义标记、绘制多边形等，可以查阅高德地图API的官方文档以获取更多信息和示例代码。