作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 Google map 的 iframe 在我的网站上列出来自 Google map 的所有仓库位置:
<iframe src="http://maps.google.com/maps?q=118+Lamington+Rd.+–+Bateman+Student+Center,+Branchburg,+NJ+08876&output=embed" frameborder="0" style="border:0" allowfullscreen=""></iframe>
目前,我一直在研究如何删除位置框(左上角),因为我将其用作 iframe。有没有一种方法可以从 iframe 中删除位置框的这一部分?
<div style="position: absolute; left: 0px; top: 0px;">
<div style="background-color: white; margin: 10px; padding: 1px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px;">
<div jstcache="0" style="">
<div jstcache="117" class="place-card place-card-large">
<div class="place-desc-large">
<div jstcache="36" class="place-name" jsan="7.place-name">Raritan Valley Community College</div>
<div jstcache="37" class="address" jsan="7.address">118 Lamington Rd, Branchburg, NJ 08876</div>
</div>
<div jstcache="38" class="navigate">
<div jsaction="placeCard.directions" class="navigate">
<a target="_blank" jstcache="52" href="https://maps.google.com/maps?ll=40.609526,-74.688894&z=16&t=m&hl=en-US&gl=US&mapclient=embed&daddr=Raritan%20Valley%20Community%20College%20118%20Lamington%20Rd%20Branchburg%2C%20NJ%2008876@40.6095258,-74.6888942" class="navigate-link">
<div class="icon navigate-icon"></div>
<div jstcache="53" class="navigate-text">Directions</div>
</a>
</div>
<div class="tooltip-anchor">
<div class="tooltip-tip-outer"></div>
<div class="tooltip-tip-inner"></div>
<div class="tooltip-content">
<div jstcache="54">Get directions to this location on Google Maps.</div>
</div>
</div>
</div>
<div jstcache="39" class="navigate-separator"> </div>
<div jstcache="40" class="star-entity">
<div jsaction="placeCard.star" class="star-button">
<div class="star-entity-icon-large">
<div jstcache="67" class="icon can-star-large" jsan="7.icon,7.can-star-large"> </div>
<div jstcache="68" class="icon logged-out-star" style="display:none"> </div>
</div>
<div jstcache="69" class="star-entity-text hidden" jsan="7.star-entity-text,7.hidden,t-PmAZCbgKmDw">Saved</div>
<div jstcache="70" class="star-entity-text" jsan="7.star-entity-text,t-bbrD6GAQ-ds">Save</div>
</div>
<div jstcache="71" class="tooltip-anchor">
<div class="tooltip-tip-outer"></div>
<div class="tooltip-tip-inner"></div>
<div class="tooltip-content">
<div jstcache="72">Save this place onto your Google map.</div>
</div>
</div>
</div>
<div jstcache="41" class="review-box">
<div jstcache="42" class="review-number" jsan="7.review-number">4.0</div>
<div jstcache="43" jsinstance="0" class="icon rating-star rating-full-star" jsan="7.icon,7.rating-star,7.rating-full-star"></div>
<div jstcache="43" jsinstance="1" class="icon rating-star rating-full-star" jsan="7.icon,7.rating-star,7.rating-full-star"></div>
<div jstcache="43" jsinstance="2" class="icon rating-star rating-full-star" jsan="7.icon,7.rating-star,7.rating-full-star"></div>
<div jstcache="43" jsinstance="3" class="icon rating-star rating-full-star" jsan="7.icon,7.rating-star,7.rating-full-star"></div>
<div jstcache="43" jsinstance="*4" class="icon rating-star rating-empty-star" jsan="7.icon,7.rating-star,7.rating-empty-star"></div> <a target="_blank" jstcache="44" href="http://www.google.com/search?q=Raritan+Valley+Community+College,+118+Lamington+Rd,+Branchburg,+NJ+08876&ludocid=1578495031502184362#lrd=0x89c3937dc5acab1f:0x15e7f0de30681faa,1" jsaction="mouseup:placeCard.reviews" class="review-box-link" jsan="7.review-box-link,8.href,0.target,22.jsaction">69 reviews</a> </div>
<div jstcache="45" class="saved-from-source-link" style="display:none"></div>
<div class="bottom-actions">
<div class="google-maps-link"> <a target="_blank" jstcache="46" href="https://maps.google.com/maps?ll=40.609526,-74.688894&z=16&t=m&hl=en-US&gl=US&mapclient=embed&cid=1578495031502184362" jsaction="mouseup:placeCard.largerMap">View larger map</a> </div>
</div>
</div>
</div>
</div>
</div>
我试过使用 css 但它不起作用:
div[style*="position: absolute; left: 0px; top: 0px;"] {
display: none;
}
我也试过在 URL 上添加 iwloc=near
或 iwloc=A
,但它仍然不起作用。
最佳答案
目前无法在 Maps Embed API 中删除位置卡,但是,您可以在 Issue Tracker 中提交功能请求以便工程师审查请求的可行性。您也可以尝试此 issue 中提供的解决方法.希望这有帮助
关于javascript - 如何删除谷歌地图的位置框(左上角)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55995094/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!