我怎样才能实现谷歌地图的视网膜地图标签

Here is a CodePen demo我在Google地图上显示了一个多边形，以及使用“地图标签”库的标签。我怎样才能实现谷歌地图的视网膜地图标签

除了我无法获得标签文本来呈现视网膜屏幕的正确分辨率，一切都很好。

如何获取地图标签文本以在我的演示环境中显示HiDPI屏幕？

似乎有一个已知的解决方案here但我无法弄清楚如何在我的演示中实现该功能。这可能是因为我对JS的知识有限。我敢肯定别人可能会指出如何在瞬间做什么。

这里是我的代码的预览，但最好检查CodePen demo：

/* GROUP MAP/STAGE/MAP LABEL 
=================================================== */ 
/* Reference: https://googlemaps.github.io/js-map-label/docs/reference.html */ 
var mapLabel = new MapLabel({ 
    text: 'Main Stage', 
    position: new google.maps.LatLng(51.420118, -0.064973), 
    map: map, 
    fontSize: 15, 
    fontColor: "#9c0058", 
    align: 'left', 
}); 
mapLabel.set('position', new google.maps.LatLng(51.420118, -0.064973));

来源

2017-04-19 SparrwHawk

我设法借助于在画布上正在点直接添加以下代码插件来解决这个创建：

.a=document.createElement("canvas");a.width=500;a.height=500;a.style.width="250px";a.style.height="250px";a.getContext('2d').scale(2,2);

我已经更新了我CodePen所以你可以看到这方面的工作。

来源

2017-04-19 22:02:16 SparrwHawk

我怎样才能实现谷歌地图的视网膜地图标签

回答

相关问题