当你嵌入网页的百度地图突然提示“未获得百度地图商用授权”该怎么办呢?别着急道途网络教你怎么使用高德地图嵌入。
使用高德地图前需要下面两个网址:获得KEY 及坐标。
高德地图API:https://lbs.amap.com/
高德地图坐标:https://lbs.amap.com/tools/picker
可以通过以下步骤实现:
前往高德开放平台网站,点击右上角进行注册。
按要求填写注册信息并完成注册。
注册完成后,登录账号并进入控制台。
在控制台中,点击“创建新应用”按钮,填写应用名称等相关信息。
创建应用成功后,将生成的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>
通过以上步骤,你就可以成功地将高德地图嵌入到网页中,并根据需要调整地图的显示样式和功能。如果你需要更高级的功能,比如添加自定义标记、绘制多边形等,可以查阅高德地图API的官方文档以获取更多信息和示例代码。