谷歌地图嵌入 - 删除地方卡

 鱼氵摆摆和叮叮猫琅_246 发布于 2023-02-09 10:31

我正在使用新的Google地图嵌入代码(iFrame)向我的网站添加一个小地图,但我无法隐藏左上角的新地址框(见下图).

http://i.imgur.com/JOVXkra.jpg

我通过单击"共享和嵌入地图"选项生成地图代码(请参见下图),但我想知道是否需要使用完整的API来实现此目的.

http://i.imgur.com/xxl25Ga.png

到目前为止我发现的所有资源都只讨论旧的嵌入版本并禁用了不同的信息气球,我得到的唯一线索是该框的HTML类称为"地方卡"但搜索仍然没有带给我什么.

任何帮助或正确方向的点将非常感激.

1 个回答
  • 您可以使用css隐藏所有按钮.在隐藏和所需大小上创建容器div宽度溢出.将新的Google地图iframe /嵌入内部放置一个bigrsize.要定位地图iframe使用负面的marges ..

    宽度为100%的示例:

    <div >
      <iframe 
         src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39797.07748547086!2d5.46683904751879!3d51.433965676849986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6d90575ca5e3d%3A0x55989f5f344b006!2sPrins+Hendrikstraat+5!5e0!3m2!1snl!2snl!4v1392716144537"
         
         
         frameborder="0"
         >
      </iframe>
    </div>
    

    使iframe比您的容器div高300px.150px隐藏在下方,150px隐藏在顶部.要隐藏iframe顶部的150,请使用:

    margin-top:-150px;

    2023-02-09 10:33 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有