使用HERE Maps API的高分辨率地图

suf*_*anm 3 here-api

如何使用HERE Maps API for JavaScript 显示类似于https://beta.here.com上的高分辨率地图?

API参考中可以选择pixelRatio在创建地图时更改的选项。

var map = new H.Map(
    document.getElementById('map'),
    defaultLayers.normal.map,
    { pixelRatio: 2 }
);
Run Code Online (Sandbox Code Playgroud)

这样效果很好,并且可以在高DPI屏幕上生成高分辨率的地图,但是,这会改变地图的比例,并且所有地图对象都会变小,文本也变得难以阅读。

suf*_*anm 6

PPI设置在JavaScript API参考中没有得到很好的记录,但是在Map Tile API中得到了记录

每英寸像素。可以请求的分辨率,有效值为:72 –正常,如果未提供任何值,则默认使用250 –移动电话320 –高分辨率

您可以在创建默认图层时指定PPI(第二个选项)。

var defaultLayers = platform.createDefaultLayers(512, 320);

var map = new H.Map(
    document.getElementById('map'),
    defaultLayers.normal.map,
    { pixelRatio: 2 }
);
Run Code Online (Sandbox Code Playgroud)