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

यह मैप आईडी का इस्तेमाल करके, पसंद के मुताबिक स्टाइल वाले मैप को लोड करने का बुनियादी उदाहरण है. इस मामले में, मैप लोड होने पर Maps JavaScript, मैप आईडी 8e0a97af9386fef का रेफ़रंस देता है और उस मैप आईडी से जुड़ी मैप स्टाइल को अपने-आप लागू करता है.

TypeScriptJavaScript
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
 
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
उदाहरण देखें

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