1件ずつ表示 
--.--.-- --

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

続きを読む
Category: スポンサー広告
2015.06.20 Sat

Google MAPS API マーカーの勉強

初めから開いている情報ウィンドウ

これは、表示が常に左上にくるので

あまり、意味無いかな?

image5.jpg

http://xmod60.web.fc2.com/it/DEMO1B.html

一寸、変わったマーカー(SVGによる)

サークル

image2A.jpghttp://xmod60.web.fc2.com/it/DEMO2.html


このほかに、矢印」などがあります

google.maps.SymbolPath.CIRCLEA circle.
google.maps.SymbolPath.BACKWARD_CLOSED_ARROWA backward-pointing arrow that is closed on all sides.    
google.maps.SymbolPath.FORWARD_CLOSED_ARROWA forward-pointing arrow that is closed on all sides.    
google.maps.SymbolPath.BACKWARD_OPEN_ARROWA backward-pointing arrow that is open on one side.    
google.maps.SymbolPath.FORWARD_OPEN_ARROWA forward-pointing arrow that is open on one side. 


通常のマーカー

image2A.jpg

http://xmod60.web.fc2.com/it/DEMO3.html

同じプログラムでイメージもマーカーになります

image2B.jpg


http://xmod60.web.fc2.com/it/DEMO3A.html


情報ウィンドウのカスタマイズ

image2C.jpg

http://xmod60.web.fc2.com/it/DEMO3B.html

テキスト型のマーカー

image4A.jpg

http://xmod60.web.fc2.com/it/DEMO4.html

イメージも入ります

コンテンツの中に、

<img xsrc="XXX.png" width="200" height="150">

などと記述します

image4B.jpg


http://xmod60.web.fc2.com/it/DEMO4A.html


もちろん、情報ウィンドウもあります

このプログラムの作成には苦労しました

多くのサイトを検索しながらようやく出来ました

まだ、なぜ、動くのかが疑問ではあります。

どうも、MVCの方法のようで、今度はこの解明です



スポンサーサイト

続きを読む
Category: インターネット Comments (0) Trackbacks (0)

この記事へのコメント:

この記事へコメントする:

    

この記事のトラックバックURL:

http://xmod60.blog85.fc2.com/tb.php/1081-e68efb1a

この記事に対するトラックバック:

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。