0

マーカー アイコンに数値を動的に生成する例を数多く見てきました。私が見つけたものの1つは、google chart apisです。これは私の問題を部分的に解決しました。以下に示すように、コードを編集した後、番号を生成できました。
しかし、このようなカスタム アイコンを追加して、 その上に数字を生成することは可能ですか?

function addMarker(id,location,address,facility,name,ratings) 
    {


        marker = new google.maps.Marker(
        {
            position: location,
            map: map,
            animation:  google.maps.Animation.DROP,
            icon: 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld='+id+'|FF776B|000000',
             shadow:'https://chart.googleapis.com/chart?chst=d_map_pin_shadow'
        });
4

1 に答える 1

0

このチャート API は現在非推奨であり、Google は改訂された「利用規約」に従って 1 年間のみサポートを提供します。

サーバー側でマーカーを作成するのが最善の方法だと思います。アプリケーションが限られた数のマーカーを表示する必要がある場合 (たとえば、一度に最大 25 個)、サーバー上にマーカーを配置できます。画像処理ツールは、Java またはその他のプログラミング言語で利用できます。

これは、Java を使用した短いスニペットです。

BufferedImage image = null;
try {
   image = ImageIO.read(new File("/path/to/base/icon"));
} catch (IOException e) {
   e.printStackTrace();
}

Graphics g = image.getGraphics();
g.setFont(g.getFont().deriveFont(30f));
g.drawString("1", x, y);  // x,y are points where you want to add the number
g.dispose();

try {
    ImageIO.write(image, "png", new File("test.png"));
} catch (IOException e) {
    e.printStackTrace();
}

for ループを使用して、必要な数の番号付きマーカーを作成できます。

于 2013-06-27T08:33:06.823 に答える