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

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

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