ПОДДЕРЖКА ПРЕКРАЩЕНА. Устаревшие облачные стили более не поддерживаются и в марте 2025 г. станут недоступны. Те из них, которые у вас уже используются, могут перестать работать. Google рекомендует заменить их новыми облачными стилями карт до марта 2025 г. Подробные сведения приведены в статье Прекращение поддержки. Чтобы обновить устаревшие облачные стили, обратитесь к статье Обновление стиля карты до последней версии.

Эта страница переведена с помощью Cloud Translation API.

Примеры устаревшего облачного стиля

Содержание
Попробуйте образец

Это базовый пример загрузки карты с пользовательским стилем с использованием идентификатора карты. В этом случае JavaScript Карт ссылается на идентификатор карты 8e0a97af9386fef при загрузке карты и автоматически применяет стиль карты, связанный с этим идентификатором карты.

Машинопись JavaScript

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

Посмотреть пример

Попробуйте образец

JSFiddle.net Google Cloud Shell