スポンサードリンク

Tag Archives: XMLファイル

Google Maps API v3 + 外部XMLファイル + サイドバー(sidebar)の復習

Google Maps API v3 + サイドバー(sidebar, marker list)をクリックしてインフォウィンドウ(infowindow)を表示させる」の記事が良くわからないとのコメントを頂いたので再度ポイントを復習してみます。

 

 

この地図は、外部に用意したxmlファイルからデータを引っ張ってアイコンを表示させるもの。ただし、xmlファイル「http://waox.main.jp/news/maps/googlemapsapi/example/kouen-demo.php」は、MySQL+phpで作成しているのでデータベースを利用していない場合には、テキストエディタで作成すれば良し。gmarker.xmlというファイル名にしてあります。サンプルは、コチラ「xmlファイルサンプル」。

②続いてdownloadxml.js の最新ファイルは、http://code.google.com/p/frisaporceddhu/source/browse/trunk/js/?r=44にあります。downloadxml.jsをダウンロードしてご自分のサーバにアップ

③最後に上記①のxmlファイル「http://waox.main.jp/news/maps/googlemapsapi/example/gmarker.xml」をご自分のPCに保存後、自分のサーバにアップロード。その後、下記の赤字の部分だけを自分のサーバURLに書き換えればOKです。これで動くはずですが・・・・。

Read more »

XMLファイルから読み込んだマーカー(アイコン)をクリックして、標高(高度)をリクエスト表示する/Elavation API

◆ Google Maps API v3 XMLファイルから読み込んだマーカー(アイコン)をクリックして、標高を表示する

Elavation APIに初めて触れてみた。ちと判りにくい。Google 先生のサンプルも少ない。 うーん。使い道としては、iPhone(アイフォン)とかで現在地アイコンをクリックしたら、現在地の標高を表示するなんてのに使えるかな・・・・ぐらいか? 山のブログでも書いてる人には、重宝しそうなサービスですね。 ・・・・・てなわけで、iPhone(アイフォン)で使うことを前提に、XMLファイルから複数のマーカーを読むこむこのサンプル地図を加工します。 出来上がりは次の通り。 Read more »

XMLファイルから読み込んだマーカー(アイコン)の配列についての検証(2次元配列を理解してみる)


<目次>始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。

◆ Google Maps API v3 / XMLファイルから読み込んだマーカー(アイコン)の配列についての検証

1. 2次元配列

google mapsでたくさんのマーカーを表示させる方法とてfor文が使われていますが、実際はどうなっているのか?

試してみました。

配列を記述したサンプル地図ですが、配列が4列、要素が9行になります。従って、2次元配列で各配列の要素を指定できることになるそうです。

[‘公園1′, 35.760191,140.061629,’kouen’],
[‘公園2′, 35.643033,139.860592,’kouen’],
[‘公園3′, 35.596286,140.141172,’kouen’],
[‘温泉1′, 35.805307,140.16651,’onsen’],
[‘温泉2′,35.717602,139.980167,’onsen’],
[‘温泉3′, 35.42295,139.89739,’onsen’],
[‘水族館1′,36.333294,140.593817,’suizokukan’],
[‘水族館2′, 35.442851,139.644607,’suizokukan’],
[‘水族館3′, 35.728681,139.719765,’suizokukan’]

Read more »

外部XMLファイルでなく内部ソースにマーカー用の配列を記述する。


<目次>始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。

◆ Google Maps API v3 / 外部XMLファイルの変わりにjavascript内にマーカー用の配列を記述する。

XMLファイルを横にらみしながらですと判りずらいので、配列データをコード内に用意します。こんな感じで

	var markers =
	[
	['公園1', 35.760191,140.061629,'kouen'],
	['公園2', 35.643033,139.860592,'kouen'],
	['公園3', 35.596286,140.141172,'kouen'],
	['温泉1', 35.805307,140.16651,'onsen'],
	['温泉2',35.717602,139.980167,'onsen'],
	['温泉3', 35.42295,139.89739,'onsen'],
	['水族館1',36.333294,140.593817,'suizokukan'],
	['水族館2', 35.442851,139.644607,'suizokukan'],
	['水族館3', 35.728681,139.719765,'suizokukan']
	];

左から、ココの要素の名称、座標lat,lng、カテゴリ分けをするための「kouen」「onsen」「suizokukan」です。

Read more »

Google Maps API v3 アイコン表示能力は? 表示可能なたくさんの大量マーカー(アイコン)の数は?

お遊びで、このマップ(V2)で700マーカー以上のたくさんのマーカー(アイコン)を表示させているXMLファイル(MySQL+PHPで生成)をGoogle Maps API V3で読み込んで表示させてみた。 驚いた。大量のマーカにもかかわらず、まず本当に数秒で地図上にマーカー(アイコン)が表示される。 IE7のように遅いブラウザの場合、まず地図に表示されるまでに数十秒かかるのだが、ほんの数秒でOK。 Read more »

今度はアイコン(マーカー)を地図に表示+XMLファイルデータ読み込み/Google Maps JavaScript API V3

マーカー(アイコン)を表示させるのであれば、複数のマーカーを表示させたい。

v2でPHP+MySQLが使えないときに、XMLファイルから読み込んだ手を試してみる。

参照ページ;Google グルーディスカッションのサンプルより

◆Google Maps V3 XMLファイルからのマーカー+インフォウィンドウ読み込み

  1. Head内にutil.jsファイルを指定。ダウンロードは、GooglMaps のサンプルコードのページから。
  2. 名前や座標データを記述したXMLファイルを用意。サンプル(ソースを見るで確認

Read more »

XMLファイルを読み込んでGoogle Mapsを表示

とても便利なXMLファイル、マーカー情報をまとめて書いてダウンロードして、Google Maps で表示させましょう。

◆用意するのは

  • XMLファイル(UTF8で記述)
  • Script記述
  • HTMLだけ

◆XML記述

<markers>

<marker lat=”37.427770″ lng=”-122.144841″/>

<marker lat=”37.433480″ lng=”-122.139062″/>

<marker lat=”37.445427″ lng=”-122.162307″/>

</markers>

Read more »

MySQL+php+XML+Clusterer2で大量多数マーカの表示。

Google Maps API PrjectサンプルでJSONファイルを読み込んでマーカーを表示するサンプルがあった。

しかし、MYSQL→JSON→Google Maps は、私素人には無理でした。そこで、MySQL+php+XML+Clusterer2で、多くのマーカーを表示させてみることに。

◆Clusterer2とは?

◆はじめに

以前にMySQL+php+XMLで地図を表示させるサンプル()を練習したので、そのScriptを書き換えることにする。

いくつかの行の追加と変更でOKなので、比較的簡単でした。

◆何はともあれ、Clusterer2.jsファイルの入手する。今回は、ここからダウンロード。 海外ブログのhereいてあるところから

Read more »

JSONファイルとXMLファイルの記述の違いを比較してみる

さて、MySQLからJOSNファイルの生成方法はわかった。
では、同じphpMyAdminのMySQLのデータテーブル「KOUEN」からどんなJSONとXMLが表示されるのか比較してみる。

Google Maps APIで、マーカーデータをダウンロードし、表示させるためには、この違いが判っていないとね・・・・。

◆先ずMySQLのデータテーブル「KOUEN」はこんな感じ。

◆MySQLテーブルの要素は、次の通り

Read more »

GmarkerMnager+XMLファイルで大量のマーカーを表示させてみる

さて、たくさんの大量マーカー(アイコン)を表示させる方法として、GmarkerMnagerに挑戦。

マーカー数は、約600。

ブラウザGoogle Chromeでアクセスしてみる
おっ 動く。読み出しも1秒とかからない。さくさくか?

次は、IE7でアクセス・・・・・・・おっ・・・・しかし、ズーム、地図移動がいまいち。なんとかというレベル。

これ以上マーカーが増えてたくさんになったら、多量のマーカー表示は出来そうもない。

◆GmarkerMnager+XMLファイル

作成済みXMLファイルを読み込んで、GmarkerMnagerで+XMLファイルで大量のマーカーを表示させてみることに

◆XMLファイル

ともかくUTF8で作成ね。

XMLファイルサンプル (※Google Chrome使用の方は、ページのソース表示で確認してください)

◆XMLファイルへのズームの設定とGmarkerMnagerでのマーカー表示

Read more »

スポンサードリンク