网页内嵌入高德地图配置教程

前言

  有很多客户在建站的过程中,联系我们板块或者是网站的foot板块有需要展示门店地图的需求,百度的地图是大家最常用的,极个别客户也有喜欢用高德地图的,那么今天就专门出一篇教程,高德地图嵌入网站的方法,很简单,进入正题.

正文

1、首先到高德地图的开放平台创建应用,申请key码,申请入口:高德开放平台认证地址,选择你的认证方式,这个就不多详细写了,基本操作。

image

2、在高德地图开放平台的开发指南中,填入自己的位置信息及定位,输入刚刚自己创建的应用自动生成的key码,填入到对应位置,入口地址:地图链接生成入口,获取经纬度的地址为:获取经纬度地址

image

3、填写完后在下面自动生成的url地址复制下来,利用iframe将地图嵌入到需要放置的页面,看示例:

<iframe id="iframe" src="此位置填写图2中的自动生成的http地址" frameborder="0" scrolling="no" rel="nofollow" width="100%" style="height: 100px;"></iframe>

4、切记插入代码的时候一定要将编辑器切换到html源代码模式。

image

成品案例

<iframe id="iframe" src="https://m.amap.com/navi/?dest=116.470098,39.992838&destName=微站百科&hideRouteIcon=1&key=您申请的Key" frameborder="0" scrolling="no" rel="nofollow" width="100%" style="height: 100px;"></iframe>

image


THE END

文章版权:作者:鲁豫  来源:原创  

免责声明:本站提供的一切软件、插件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

本文最后更新于 2022-09-15 18:43:00,如果你的问题还没有解决,可以加入建站交流群和群友们一起讨论。

评论区