3

現在、次のコードを使用してマーカーを表示しています。

var marker = new google.maps,Marker({
  map: maps,
  position: coordinate,
  icon: 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld='+ (position) +'|FF776B|000000',
});

これにより、デフォルトのマップ マーカーが数字で表示されます。

質問は、カスタム アイコンを作成しmarker.pngて、数字を重ねることができるかどうかです。

ありがとう

4

3 に答える 3

1

markerWithLabel.jsライブラリを使用...

コードは次のとおりです。

marker = new MarkerWithLabel({
            map: maps,
            position: coordinate,
            icon : yourMarkerImage,
            labelContent : yourNumberOnMarker,
            labelAnchor : yourLabelPosition,     // e.g. new google.maps.Point(21, 10);
            labelClass : "labels",          // the CSS class for the label
            labelInBackground : false
        });
于 2013-05-27T06:27:01.163 に答える
0

私はこれに取り組み、Google Charts APIを使用しましたが、たとえばpngに基づくカスタムマーカーが必要な場合は、PHPと画像ライブラリを介して、Google Chartsの方法と同様に、パラメーターに基づいてカスタムマーカーを返すことができます呼び出している API。

于 2013-05-25T06:11:01.037 に答える