लेगसी क्लाउड स्टाइलिंग के उदाहरण

यह मैप आईडी का इस्तेमाल करके, पसंद के मुताबिक स्टाइल वाले मैप को लोड करने का बुनियादी उदाहरण है. इस मामले में, Maps के लोड होने पर JavaScript, मैप आईडी 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;
index.ts

JavaScript

function initMap() {
  new google.maps.Map(document.getElementById("map"), {
    mapId: "8e0a97af9386fef",
    center: { lat: 48.85, lng: 2.35 },
    zoom: 12,
  });
}

window.initMap = initMap;
index.js
उदाहरण देखें

सैंपल आज़माएं