jquery.gmap.js(http://labs.mario.ec/jquery-gmap/jquery.gmap.js)でGoogleマップv3を使用しています。アイコン .png が付いたマーカーがいくつかあり、それらに影を付けたいと思います。jquery ファイルのデフォルト設定ではシャドウがありますが、使用すると表示されません。私が使う
markers:[
{
latitude: 12.681291,
longitude: 13.361658,
html: 'some txt',
popup: true,
icon: {
image: "img/my-marker-1.png",
shadow: "http://www.google.com/mapfiles/shadow50.png",
iconsize: [20, 34],
shadowsize: [37, 34],
iconanchor: [9, 34],
shadowanchor: [6, 34]
},
{
latitude: 12.589221,
longitude: 13.251628,
html: 'some txt 2',
popup: true,
icon: {
image: "img/my-marker-2.png",
shadow: "http://www.google.com/mapfiles/shadow50.png",
iconsize: [20, 34],
shadowsize: [37, 34],
iconanchor: [9, 34],
shadowanchor: [6, 34]
},
....
]