Questo è un esempio di base del caricamento di una mappa con stili personalizzati utilizzando un
ID mappa. In questo caso, Maps JavaScript fa riferimento all'ID mappa 8e0a97af9386fef
quando la mappa viene caricata e applica automaticamente lo stile di mappa associato all'ID mappa in questione.
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;