這是使用地圖 ID 載入自訂樣式化地圖的基本範例。這種情況下,Maps JavaScript 會在載入地圖時參照地圖 ID 8e0a97af9386fef
,並自動套用與該地圖 ID 相關聯的地圖樣式。
TypeScript
function initMap(): void { new google.maps.Map( document.getElementById("map") as HTMLElement, { mapId: "8e0a97af9386fef", center: { lat: 48.85, lng: 2.35 }, zoom: 12, } as google.maps.MapOptions ); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
function initMap() { new google.maps.Map(document.getElementById("map"), { mapId: "8e0a97af9386fef", center: { lat: 48.85, lng: 2.35 }, zoom: 12, }); } window.initMap = initMap;