Googleマップの網膜地図ラベルを実装するにはどうすればいいですか

Question

Here is a CodePen demo Google Mapにポリゴンが表示されている場所に、「地図ラベル」ライブラリを使用してその上にラベルが表示されます。

網膜スクリーンに正しい解像度を表示するためにラベルテキストを取得できないことを除いて、すべてがうまくいっています。

デモのコンテキストで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)); 

Answer 1

作成：

.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を更新しました。