javascript - google mapsの変更マーカーのアイコン

Question

マーカーアイコンを変更して、次のコードで独自のアイコンを配置しようとしていますが、アイコンが何も表示されません。何か提案はありますか？

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'c:\green.jpg'
});

score 1 · Accepted Answer

プログラムからアクセスできるフォルダ内に画像（green.jpg）を配置する必要があります。たとえば、WARフォルダ内に配置します。HTML、PHP、...ページがある場合は、画像を同じフォルダーに配置します

score 0 · Accepted Answer

アイコンの値はURIであることが期待されているため、この場合はおそらくファイルURIを渡す必要があります。

file:///C:/green.jpg

明らかに、これをWebで使用する場合は、コンピューター上の画像ファイルではなく、Webサーバーによって提供されるもののURLを使用する必要があります。

score 0 · Accepted Answer

setIcon（）関数を使用してみてください。mark.setIcon（ "iconfile"）のようなもの

検索：「setIcon（icon：string | MarkerImage）」

score 0 · Accepted Answer

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'http://c:/green.jpg'
});

注：すべてのユーザーが画像にアクセスできるようにするには、画像をWebサーバーに保存する必要があります。そうすれば、パーティションに「grren.jpg」という画像があるユーザーだけCがアイコンを見ることができます。

score 0 · Accepted Answer

You could try using the relative path to the file:

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'img/markers/brown_MarkerE.png'
});

I hope this helps.

javascript - google mapsの変更 マーカーのアイコン