web-dev-qa-db-ja.com

Google静的マップでカスタム画像マーカーを使用していますか？

google静的マップにカスタム画像マーカーをどのように配置するのですか、URL形式が必要です：

これは私が試したものですが、デフォルトのマーカー画像を持っています http://maps.google.com/maps/api/staticmap?center=25.3176452,82.97391440000001,&zoom=15&​​markers=25.3176452,82.97391440000001|25.3176452,82.97391440000001 ＆path = color：0x0000FF80 | weight：5 | 25.3176452,82.97391440000001＆size = 175x175＆sensor = TRUE_OR_FALSE

google-mapsgoogle-static-maps
23
praveenraj

これはあなたが望むものです：

http：//maps.googleapis.com/maps/api/staticmap？zoom = 17＆size = 512x512＆maptype = hybrid＆markers = icon：http：//cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico | 34.052230、-118.24368

カスタム画像の場合、icon:urlの後にmarkers...

フォーマット

icon:url|lat,lng

例

icon:http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico|34.052230,-118.243680

私の例の結果

stackoverflow server ubication...

詳細については、GoogleマップAPIを確認してください。サイズ、マーカーの位置、中心マップ、マップタイプなどの詳細情報があります。

https://developers.google.com/maps/documentation/static-maps/intro#MapTypes

*アイコンimgが表示されない場合、画像のサイズになります。64x64ピクセル未満の別のサイズ、画像の形式、「GIF、JPEG、PNG」で試してください。ドキュメントでは「PNG」を推奨しています公開リクエスト（外部リクエスト）の画像の許可を確認しません...

41
DarckBlezzer

ドキュメント に従って、カスタムアイコンを次のように指定できます。

markers=icon:...

例えばURLの修正：

http://maps.google.com/maps/api/staticmap?center=25.3176452,82.97391440000001,&zoom=15&​​markers=icon:http://www.megaadresse.com/images/icons/google-maps。 png | 25.3176452,82.97391440000001＆path = color：0x0000FF80 | weight：5 | 25.3176452,82.97391440000001＆size = 175x175

あなたにあげる：

enter image description here

PS：sensorパラメーターは不要になりました。

PPS：また、マーカーパラメーターで同じ座標を2回指定したように見えるため、実際には同じ場所に2つのマーカーを描画していました。

4
duncan

マーカーに画像を追加できます：

var campaign_map = new google.maps.Map(document.getElementById("campaign_map_canvas"), mapOptions);


    var selected_marker = new google.maps.Marker({
        position: position,
        map: campaign_map,
        icon: 'path/to/image'
    });

google.maps.event.trigger(campaign_map,'resize');

[〜＃〜] edit [〜＃〜]以下を使用できます。

https://maps.googleapis.com/maps/api/staticmap?size=480x480&markers=icon:path/to/image.png%257C996600%7Carea/you/want/
0
Haring10