如何让高德地图API的地图名片嵌入网页中并保持自动窗口大小和定位点居中

如题，

痛点：高德地图的地图API 地图名片功能官方的地址提供的设计接口固定了地图窗口的尺寸，嵌入到我们自己的网页中时，固定的尺寸大小导致显示异常，而且不能自适应屏幕尺寸和定位的居中

解决方法：

1、设置好需要定位的地址与标签内容后，

2、第三步设置地图尺寸不用改，保持默认，

3、点击提交，

4、复制给出的链接地址（这是一个缩短地址），

5、直接将地址贴入浏览器，打开，会跳转至真实的长链接，复制它，

6、贴到我们的网页容器中，然后修改它：

它的链接样式如下：

https://lbs.amap.com/tools/showmap/?1_800_460_120.224799_33.365745&=****

的地址，我们就来修改它：

_800_460 为他的窗口大小，如果您用于自适应尺寸的容器内，这个数据改为 _*_* 即可，不可直接删除。

当然链接中还有其他数据可以修改，自行修改即可。

如何让高德地图API的地图名片嵌入网页中并保持自动窗口大小和定位点居中相关推荐

vue + 高德原生 API实现地图可视化
vue + 高德原生 API 由于项目需求,需要使用地图定位,最终决定使用 vue + 高德原生API: 当前项目环境 vue2.0+: 创建项目时,如果安装 eslint ,建议关闭eslint语法 ...
python + 高德地图API实现地图找房
python + 高德地图API实现地图找房项目简介:根据工作地点信息和58同城爬取的租房信息,通过高德地图进行显示,同时利用高德API自动规划房源到工作地点的通勤路线(公交+地铁) 项目仓库:ht ...
php网页地图上自定义,网页嵌入百度地图和使用百度地图api自定义地图的详细步骤...
在网页中插入百度地图如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击 ...
android 调用搜狗地图api,搜狗地图API2.0版本正式上线：推一键搬家功能
搜狗地图API2.0版本正式上线 7月20日,搜狗地图API2.0版本正式上线( http://map.sogou.com/api /),在此前API1.0的基础上,在易用性和灵活性方面全面优化,并将 ...
Android中应用百度地图API开发地图APP实例-显示百度地图
场景效果在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY http://lbsyun.baidu.com/index.php 申请API_KEY 登录百度开放平台后找到控制台下 ...
android应用控制百度地图,Android中应用百度地图API开发地图APP实例-显示百度地图...
场景效果在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY 申请API_KEY 登录百度开放平台后找到控制台下的应用管理-创建应用依次输入应用名,应用类型选择Android S ...
百度地图API实现地图应用
企业官网上需要用到地图应用,这里对百度地图API的使用做点笔记,好记性不如烂笔头. 实现地图应用的流程如下: 1.获取密钥:教程网址 https://jingyan.baidu.com/article ...
使用百度地图API实现地图生成、标记以及标注
首先你需要引入一段javaScript <script type="text/javascript" src="http://api.map.baidu.com/a ...
调用百度地图api实现地图查询功能
百度地图api功能强大,进入百度地图api平台之后首先需要注册申请一个ak码(其实就是权限码),通过审核之后就可以参考api提供的例子进行自定义的地图开发功能了. 在这里提供两个本人写好的地图查询功能 ...

如何让高德地图API的地图名片嵌入网页中并保持自动窗口大小和定位点居中

如何让高德地图API的地图名片嵌入网页中并保持自动窗口大小和定位点居中相关推荐

最新文章

热门文章