首页 > 解决方案 > HERE 地图中的标签非常小

问题描述

根据 HERE Maps JS API platform.createDefaultLayers,通过更改 ppi 参数,将调整字体大小。但是,我无法在地图上看到任何差异。从下面的屏幕截图中可以看出,标签太小了。如何使标签在 7 英寸 1080p 显示器中可读?

var defaultLayers = platform.createDefaultLayers(512,  320 );
  
 //Step 2: initialize a map
 var map = new H.Map(document.getElementById('slide-map'),
    defaultLayers.vector.normal.map,{
    center: {lat:27.7279, lng:85.3284},
    zoom: 18,
    pixelRatio: 1
  });

标签: here-api

解决方案


这是根据设备像素比调整图块大小的一些方法。

var defaultLayers = platform.createDefaultLayers({
      tileSize: devicePixelRatio > 1 ? 512 : 256,
      ppi: devicePixelRatio > 1 ? 320 : 72
    });

    // Step 3: initialize the map
    var map = new H.Map(
      document.getElementById('map'),
      defaultLayers.normal.map,
      {
        center: { lat: 47.056, lng: 2.350 },
        zoom: 6,
        pixelRatio: Math.min(devicePixelRatio, 2)  // capping at 2 since some devices have a pixel ratio above 2 
      }
    );

有关更多详细信息,请检查此-

https://developer.here.com/documentation/map-tile/dev_guide/topics/resource-base-basetile.html#resource-base-basetile__includes-query-parameters


推荐阅读