2017.12.17 マーカーにスタイルを適用してラベルを描画する みなさん、こんにちは。 今回は Google Map JavaScript API でマーカーを描画する際に、スタイルを適用したラベルの描画方法をご紹介いたします。 通常、ラベル付きマーカーを描画するときは、以下のような記述になります。 var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(35.6, 139,6), icon: { url: 'pin.png', scaledSize new google.maps.Size(32, 32), labelOrigin: new google.maps.Point(20, 50) //ラベルの基点 }, label: { text: 'ラベル文字', //ラベル文字
![マーカーにスタイルを適用してラベルを描画する | マルティスープStaffブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/eab133d3f5bba16dcf98b46731d81a31d39a3451/height=288;version=1;width=512/https%3A%2F%2Fmaps.multisoup.co.jp%2Fwp-content%2Fuploads%2F2017%2F12%2Fmarkerwithlabel.png)