Question

我正在尝试使用Google Map的iframe从我网站上的Google Maps中列出所有仓库位置：

<iframe src="http://maps.google.com/maps?q=118+Lamington+Rd.+–+Bateman+Student+Center,+Branchburg,+NJ+08876&amp;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&amp;z=16&amp;t=m&amp;hl=en-US&amp;gl=US&amp;mapclient=embed&amp;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&amp;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&amp;z=16&amp;t=m&amp;hl=en-US&amp;gl=US&amp;mapclient=embed&amp;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，但仍然无法正常工作。

Answer 1

目前尚无法使用Maps Embed API移除位置卡，但是，您可以在Issue Tracker中提出功能请求，以使工程师可以审查请求的可行性。您也可以尝试使用此issue中提供的解决方法。希望这会有所帮助

如何删除谷歌地图的位置框（左上方）？

1 个答案: