2016-12-11 10 views
0

地図上のアドレスのマーカーを表示するために、自分のウェブサイトでスタティックマップを修正しようとしています。スタティックGoogleマップではマーカーが表示されない

私は別のウェブサイトからコードを持って、PHPを使用したアドレスの一部を動的に、 これは私のコードは、今どのように見えるかです:

http://maps.googleapis.com/maps/api/staticmap?center=988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States&maptype=roadmap&zoom=14&size=300x250&sensor=false&maptype=HYBRID&markers=color:blue|label:988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States 

私はまた、このようなAPIキーでそれを実行しようとしました。

http://maps.googleapis.com/maps/api/staticmap?key=MYKEYHERE&center=988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States&maptype=roadmap&zoom=14&size=300x250&sensor=false&maptype=HYBRID&markers=color:blue|label:988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States 

しかし、それは変更されませんでした。マップは機能しますが、マーカーは表示されません。

これを解決するために私ができることは誰でも知っていますか?

ありがとうございます!

答えて

2

マーカーのラベル部分が不完全なので、有効なラベルを指定するか、URLからこの部分を削除する必要があります。作業URLは次のようになります。 URLを複数の行に分割して読みやすくしています。ラベルをクリックすると、作業リンクが表示されます。

Without label:

http://maps.googleapis.com/maps/api/staticmap 
    ?center=988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States 
    &maptype=roadmap 
    &zoom=14 
    &size=300x250 
    &sensor=false 
    &maptype=HYBRID 
    &markers=color:blue 
    |988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States 

With label:

http://maps.googleapis.com/maps/api/staticmap 
    ?center=988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States 
    &maptype=roadmap 
    &zoom=14 
    &size=300x250 
    &sensor=false 
    &maptype=HYBRID 
    &markers=color:blue 
    |label:A 
    |988%20N%20Hill%20St,%20Los%20Angeles,%20United%20States 

リファレンス:https://developers.google.com/maps/documentation/static-maps/intro#MarkerStyles

label:

(オプション)、集合{AZから単大文字英数字文字を指定0-9 }。 (大文字の要件は、このバージョンのAPIの新機能です)。alphanumeric-characterパラメータを表示できる唯一のマーカーは、デフォルトおよび中間サイズのマーカーです。 tinyおよびsmallマーカーは英数字を表示できません。

+0

素晴らしい作品、ありがとうございました:) –

関連する問題