設置谷歌地圖位置並擺脫框

Question

我試圖解決兩個問題。我可以單獨解決每個問題，但不能同時解決問題。

我想 1.要對我的網站谷歌地圖是已加載頁面加載時，又名紅色箭頭的東西是有 2.在左上角擺脫灰色框的具體位置手角

獲取位置很容易。你只需使用一個iframe。我這樣做：

<div style="border-radius: 250px; width: 500px; overflow: hidden; margin-top: 90px; margin-bottom: 90px;"> 
    <iframe id="map" width="500" height="500" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJm04kiUOHj4AR8NnaLQ2OCXw&key=MYAPIKEY" allowfullscreen></iframe> 
</div> 

但是，iframe的左上角有一個小框。我不想要那個，我需要它消失。

所以我嘗試使用Google Maps API。使用JavaScript，我可以像這樣刪除框：

<div id="map_container" > 
    <div id="map"></div> 
</div> 

<script> 
    function initMap() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 4, 
     center: {lat: -33, lng: 151}, 
     disableDefaultUI: true 
    }); 
    } 
</script> 
<script async defer 
src="https://maps.googleapis.com/maps/api/js?key=MYAPIKEY&callback=initMap"> 
</script> 

這工作正常，除非我似乎沒有相同的紅色箭頭設置。這是一個企業的網站，所以我不能只設置lat和lng。我需要直接在業務上的紅色箭頭。我似乎無法找到堆棧溢出這兩個問題的答案。幫幫我！

Answer 1

如果要使用JavaScript API，則需要先使用Places API查找業務地點ID的座標，然後將其傳遞到地圖中。

退房的例子一半時這裏的頁面 https://developers.google.com/places/place-id

但是如果你想要做的是隱藏信息框，您可以在「查看」模式下使用嵌入：

<iframe src="https://www.google.com/maps/embed/v1/view?key=[your key]&q=place_id:ChIJm04kiUOHj4AR8NnaLQ2OCXw" /> 

在文檔中描述了各種嵌入模式 https://developers.google.com/maps/documentation/embed/guide