Destek

Bu sayfada, vektör haritaları ve WebGL özellikleriyle ilgili bilinen sorunlar ve geçici çözümler listelenmektedir.

Tarayıcı/cihaz desteği

WebGL özellik önizlemesi, Maps JavaScript API ile aynı tarayıcıları ve cihazları destekler. Belirli bir cihazdaki tarayıcının WebGL'yi destekleyip desteklemediğini kontrol etmek için get.webgl.org adresini ziyaret edin. veya caniuse.com adresine gidin. Ayrıca lütfen tarayıcı ayarlarında donanım hızlandırma etkin değilse vektör haritaları kafere döner.

Kafes mi vektör mü?

Bazen bir vektör haritası kafese geri dönebilir. Böyle bir durumda, kullanılamaz. Kafes harita yedeklenebilir çeşitli nedenlerle kullanır. Bu bölümde, doğru yapılandırmanın ve vektör haritasının vektör haritasının doğru olup olmadığını olanağınız da mevcuttur.

Chrome'da tarayıcı özelliklerini kontrol etme

Belirli bir chrome://gpu/ adresine gidin ve Chrome'un aşağıdaki öğelerin etkin (yeşil) olduğunu görürsünüz:

  • "OpenGL: Etkin"
  • "WebGL: Donanım hızlandırmalı"
  • "WebGL2: Donanım hızlandırmalı"

(Bunlar yalnızca temel şartlardır. Sizi etkilemeye etki desteği, "Bilinen hatalar"a bakın below.)

Donanım hızlandırmayı etkinleştirme

Vektör haritalarını desteklemek için donanım hızlandırmanın etkinleştirilmesi gerekir. izin verir. Chrome ve Microsoft Edge'de donanım hızlandırmayı etkinleştirmek için Ayarlar'ı tıklayın, Sistem'i seçin ve Donanım hızlandırmayı kullan kullanılabilir olduğunda etkin olması gerekir.

Kafes veya vektörü programlı olarak kontrol etme

Bir haritanın raster mi yoksa vektör mü olduğunu, map.getRenderingType() aranıyor. Aşağıdaki örnekte, izlenecek kod gösterilmektedir renderingtype_changed etkinliğini gösterir ve kafes veya vektör harita kullanımdadır.

TypeScript

/**
 * This example creates a map with an info window that shows whether
 * the map render type is raster or vector.
 */

 function initMap() {
    const center = {lat: 0, lng: 0};
    const map = new google.maps.Map(document.getElementById('map') as HTMLElement, {
      center,
      zoom: 10,
      heading: 0.0,
      tilt: 0.0,
      // Map ID for a vector map.
      mapId: '6ff586e93e18149f',
    });
    const canvas = document.createElement("canvas");
    const infoWindow = new google.maps.InfoWindow({
      content: '',
      ariaLabel: 'Raster/Vector',
      position: center,
    });
    infoWindow.open({
      map,
    });

    map.addListener('renderingtype_changed', () => {
      infoWindow.setContent(`${map.getRenderingType()}`);
    });
  }

  declare global {
    interface Window {
      initMap: () => void;
    }
  }
  window.initMap = initMap;
index.ts

JavaScript

/**
 * This example creates a map with an info window that shows whether
 * the map render type is raster or vector.
 */
function initMap() {
  const center = { lat: 0, lng: 0 };
  const map = new google.maps.Map(document.getElementById("map"), {
    center,
    zoom: 10,
    heading: 0.0,
    tilt: 0.0,
    // Map ID for a vector map.
    mapId: "6ff586e93e18149f",
  });
  const canvas = document.createElement("canvas");
  const infoWindow = new google.maps.InfoWindow({
    content: "",
    ariaLabel: "Raster/Vector",
    position: center,
  });

  infoWindow.open({
    map,
  });
  map.addListener("renderingtype_changed", () => {
    infoWindow.setContent(`${map.getRenderingType()}`);
  });
}

window.initMap = initMap;
index.js

WebGL 2 desteğini kontrol etmek için WebGL oluşturma bağlamını da kullanabilirsiniz:

const canvas = document.createElement("canvas");
canvas.getContext("webgl2") ? console.log("WebGL 2 is supported") : console.log("WebGL 2 is NOT supported");

WebGL oluşturma bağlamını programatik olarak algılamanın diğer yollarını öğrenin.

Mobil web desteği

Vektör haritaları için mobil web desteği hâlâ deneme aşamasındadır. Geliştiriciler, Client API'leri kullanarak mobil web tarayıcılarını algılayabilir ve bir vektör harita yerine kafes harita kullanın. Oluşturma performansının daha yavaş olmasını bekliyoruz bazı mobil cihazlarda kullanılabilir. Mobil web'de vektör haritalarını kullanmayı seçerseniz performans istatistikleri ve geri bildirimler almaktan büyük memnuniyet duyarız. Yukarıda belirtildiği gibi, Vektör Haritaları desteği kullanılamıyorsa vektör harita kimliği otomatik olarak bir kafes harita kullanmaya devam edebilir.

Hatalar

Bilinen hatalar

  • AMD GPU'ları olan bazı macOS cihazlardaki Chrome'da bilinen bir sorun vardır. Bu özellikle macOS, işletim sistemi ekranında GPU'lar arasında dinamik olarak geçiş Bu nedenle, cihaza bağlı olarak vektör haritaları kullanılamayabilir. diğer hangi uygulamaların çalıştığı veya harici bir monitörün bağlı olup olmadığı gibi. Chrome'un yakında kullanıma sunulacak ANGLE Metal arka ucunu açmak, bu sorunu şurada düzeltmek için görünür: bazı durumlarda kullanabilirsiniz. Bunun için genel kullanıma sunma planlarını şu adresten takip edebilirsiniz: https://bugs.chromium.org/p/chromium/issues/detail?id=1322521.

Hata bildirme

  • Hatayı bildirmeden önce lütfen tarayıcı ve GPU sürücüsünü en son sürüme güncelleyin.
  • chrome://settings/system (Chrome), about:preferences#general (Firefox), edge://settings/system (Microsoft Edge) donanım hızlandırma ayarının etkin olduğundan emin olun. Safari'de bu ayar macOS 10.15 veya daha yeni sürümlerde otomatik olarak etkinleştirilir. Daha eski MacOS sürümlerinde lütfen Safari'nin gelişmiş ayarlarına gidin ve "Donanım hızlandırmayı kullan" seçeneğinin belirlendiğinden emin olun. seçeneğinin etkinleştirilmesi gerekir.
  • Hata raporuna jsfiddle örnek kod bağlantısını ekleyin.
  • Ayrıca lütfen chrome://gpu (Chrome), about:support (Firefox) veya edge://gpu (Microsoft Edge) ekran görüntüsünü alın. Herhangi bir oluşturma sorunuyla karşılaşırsanız GPU ile ilgili bilgileri hata raporuna ekleyin.

Düşüncelerinizi bizimle paylaşın

Dünya için en iyi vektör harita deneyimini sunmaya çalışıyoruz. Bu nedenle, geri bildirimlerinize değer veriyoruz. size ve son kullanıcılarınıza. Aşağıdaki durumlarda lütfen bize bildirin:

  • web uygulamaları.
  • Vektör haritalarındaki başlatma gecikmesi, kafeslerden önemli ölçüde daha kötü haritalar. Bu durumda, başlatma gecikmesi regresyonunun metrikleri yararlı olur. Genel olarak, başlatma gecikmesinin eşik değerleridir.
  • Vektör haritaları kullanımı yeterince sorunsuz değildir. Günlüğe FPS veya jank metriklerinde, vektör ve kafes haritaları arasındaki fark nedir?
  • Performans, tarayıcıya göre büyük farklılıklar gösterir.

Vektör haritaları ve kafes haritalarının karşılaştırması için A/B testi ayarladıysanız, lütfen edindiğiniz performans geri bildirimlerini paylaşın, çünkü bu oldukça yararlı olacaktır özelliğini hassaslaştırmamıza yardımcı olacaktır.