זוהי דוגמה בסיסית לטעינת מפה מעוצבת בהתאמה אישית באמצעות מזהה מפה. במקרה כזה, קוד ה-JavaScript של מפות Google מפנה למזהה המפה 8e0a97af9386fef
כשהמפה נטענת, ומחיל באופן אוטומטי את סגנון המפה שמשויך לאותו מזהה מפה.
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;