我看到了一個谷歌的網站,我們可以zoomControl根據地圖大小添加/洗掉基地。但是該頁面沒有解釋如何執行此操作。
我的目標是洗掉智能手機上的縮放控制,所以576px我希望隱藏縮放控制。
我正在使用 angular 但不希望訂閱螢屏尺寸,但想讓谷歌自己做。
uj5u.com熱心網友回復:
谷歌地圖不接受這樣的變數,但它提到該控制元件將隱藏在 200px 寬度,要禁用它,你應該明確提及它。
因此,如果您希望這樣做,則必須使用一些 javascript。
首先檢查設備的螢屏寬度,然后根據它設定 zoomControl 屬性。例如:-
function initMap(): void {
let zoomControl = true;
if(window.innerWidth < 576) zoomControl = false;
const map = new google.maps.Map(
document.getElementById("map") as HTMLElement,
{
zoom: 4,
center: { lat: -33, lng: 151 },
zoomControl: zoomControl,
scaleControl: true,
}
);
}
declare global {
interface Window {
initMap: () => void;
}
}
window.initMap = initMap;
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/470146.html
標籤:javascript 有角度的 谷歌地图
上一篇:嵌入谷歌地圖-設定最大縮放級別
