3D haritaları özelleştirme

Bulut tabanlı harita stillerini kullanarak 3D temel haritanın görünümünü ve tarzını özelleştirebilirsiniz.

Bulut tabanlı harita stilleri sayesinde, kullanıcılara sunduğunuz haritanın görünümünü ve tarzını kontrol edebilirsiniz. Önemli yerlerin (ÖY) yoğunluğu, belirli ÖY kategorilerinin kaldırılması ve özelliklerin dolgu veya konturunun değiştirilmesi gibi özellikleri kontrol ederek kullanıcılarınıza özel bir harita deneyimi oluşturabilirsiniz.

Bulut tabanlı harita stilleri, Google Cloud Console'da kod yazmadan düzenleme deneyimi sunar. Haritalar konsolunda stilinizde yapılan düzenlemeler, uygulamanızda otomatik olarak görünür.

Aşağıdaki örnekte, rekreasyon özelliği simgelerinin ve metninin rengini turuncuya değiştirmek için özel stil kullanılan bir harita gösterilmektedir:

async function initMap() {
    const { Map3DElement } = await google.maps.importLibrary("maps3d");
    const map = new Map3DElement({
        center: { lat: 37.75183154601466, lng: -119.52369070507672, altitude: 2200 },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f',
        mode: 'HYBRID',
        gestureHandling: "COOPERATIVE"
    });
    document.body.append(map);
}
initMap();
index.js

Genel Bakış

Bulut tabanlı harita stilleri kullanılarak 3D haritaların özelleştirilmesi işlemi 2D haritalarla aynıdır:

1 Harita kimliği oluşturma Harita kimliği oluşturun. Stil oluşturma işlemini gerçekleştirmek için harita kimlikleri uygulamanıza iletilir. Sonraki adımlarda özel bir stili bu harita kimliğiyle ilişkilendireceksiniz.
2 Bulut tabanlı harita stili oluşturma Bu adımda "3D Hibrit"i seçip "açık modu" kullanmanız gerekir.
3 Harita stilinizi bir haritayla ilişkilendirme Stilinizi birinci adımda oluşturduğunuz harita kimliğine bağlayın.
4 Uygulamanıza harita kimliğini ekleme map-id parametresini kullanarak kodunuzda harita kimliğini belirtin.
5 Harita kimliğini yayınlama Özel stilinizde yapılan değişikliklerin, yayınlandıktan sonra uygulamanıza otomatik olarak dahil edildiğini unutmayın.

Harita stilleri oluşturma hakkında ayrıntılı bilgi için Harita stilleri oluşturma ve kullanma başlıklı makaleyi inceleyin.

Sınırlamalar

Maps JavaScript'te 3D Haritalar ile bulut tabanlı harita stillerini kullanırken dikkat etmeniz gereken belirli sınırlamalar vardır:

  • Koyu mod desteklenmez.
  • Veriye dayalı stil gibi harita kimliği etkin özellikler desteklenmez.