スポンサードリンク

Category Archives: Google

マップ初期表示の地図種類を変更する

◆Google Maps APIで地図に初期表示させるマップの種類を変えてみる。 scrptの記述を変更するだけ

標準:

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_NORMAL_MAP);

航空写真:

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_SATELLITE_MAP);

航空写真+地図:

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_HYBRID_MAP);

地形:

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_PHYSICAL_MAP);

Earth:

map.setCenter(new GLatLng(36.350527, 138.076172), 6, G_SATELLITE_3D_MAP);

Read more »

数多くの大量のマーカー(アイコン)をGoogle地図で表示する対策方法

多量のマーカー(アイコン)をGoogle地図で表示していくととてもマップ(地図)重くなっていく。どうしたら対策になるのか。は、もちろんのだが、これが一番困る。

素人なので、あまり難しいことは出来んしな。

Google Chrome を自分の標準ブラウザで使っていたが、ある日Internet Explore 7 で自分のサイトを覗いて驚いた。多数のマーカー(アイコン)を表示しているせいで、5秒まっても地図が表示されないほど遅く重い。

何とかならんかの。

I.E7でさくさくとは言わないまでもストレスなく地図を操作できることを目的に、あれこれ調べていきますか。

今まで、やったことがあるのは、GMarkerManager。それでもアイコン(マーカー)数が増えて、1000近くなってくるとブラウザI.E7では、かんべんてな感じになってしまうので、Floatを使って、XMLからマーカを呼び出す範囲を限定してしまった始末。

Read more »

Internet Explore 7と Google Chromeの多数アイコン(マーカー)の表示速度比較

大量のマーカー(アイコン)表示のパフォーマンスチェックは、ココのサイトでやってみた。

◆GMarker

  • 50マーカー
    • Internet Explore 7 : 約0.5秒
  • 100マーカー
    • Internet Explore 7 : 約1.2秒
    • Google Chrome : 約0.2秒
  • 200マーカー
    • Internet Explore 7 : 約2.5秒
    • Google Chrome : 約0.3秒

Read more »

Google Maps 地図 無料アイコンコレクションセットダウンロード!

何と900種類以上ある無料のGoogle Maps (地図)用アイコンがあります。

グーグル-マップ-アイコン

Read more »

広告表示が無いLocal Search(Google ローカル検索)窓(バー)をGoogle AJAX Search APIで追加する。

V3用検索Google barは、コチラ

前回のローカル検索バーサンプルでは、広告が表示されるのが気に食わなかったので探してみたのが、今回のローカル検索。

Google AJAX Search APIを使用しますのでちょいと手間。ですが広告は表示されなくなりスッキリ。

今回のGoogle Maps API作業は、次の作成。

  1. Google Maps APIキー以外に、新たにGoogle AJAX Search APIキーを入手し、Google Maps APIキーと併せてHTMLへ記述しておきます。APIキーは、ここの”Google AJAX Search API の使用を開始する”で入手。
  2. さらに、スタイルシートなんぞの記述もHTML header内への記述が必要です。
  3. 併せて、距離スケール定規が隠れてしまっているので、var positionを指定して、Google検索窓の表示位置も地図左下から右下に変えてみましょうかね。

Read more »

マップ(地図)にLocal Search(Google ローカル検索)窓(バー)を追加する。

V3用検索Google barは、コチラ

Google Maps に検索窓を追加して、周辺のレストランとか検索表示できるようにしたくなります。

一番簡単なのが、次の記述をHTMLに追加するだけ。すると地図画面左下に、検索窓が追加表示されます。うーむ簡単すぎる。

広告が表示されてしまうのが残念・・・・。

Read more »

Youtube 動画を吹き出し(情報ウィンドウ/インフォウィンドウ)に表示するサンプル/Google Maps API

Google Maps V3用はコチラ

Google Maps の地図上で、アイコン(マーカー)をマウスクリックするとYoutube 動画を吹き出し(インフォウインドウ)に表示するサンプルです。
◆HTMLサンプル

<body onload=”load();onunload=”GUnload();“>
<div id=”map100″>Loading…</div>

Read more »

マーカー(アイコン)の種類を変更する/Google Maps API

Google Maps API V3は、コチラの記事へ

アイコン・マーカの表示の変更

このサンプルマップ、マーカがただの赤い丸じゃつまらないので、Google Maps 標準アイコン(マーカー)以外にもいろいろ変更を試してみる。

Google Maps API v3は、コチラ

アイコンとマーカーの一覧表

公園以外にもいろいろ作成したい場合は、こっちのアイコン(マーカー)一覧表からコピーして変更してみて下さい。

カスタムアイコン用の影は、ここで作成できます。

HTML Script

ココでは、ただの標準マーカーだった赤いアイコンを、公園を示す緑色の木のマーカーへ変更する。

変更箇所は、赤文字部のみ

Read more »

Google Maps API/PHP+MySQLで収得したXMLファイルの日本語の文字化け

ネットで調べるとphpMyAdmin、MySQL、php(特にphp5)で、文字化けに関する記事が多いこと。 しかも、ナンか根気強く解決に当たらなければいけない雰囲気。 当方素人、困るよな。

しかし、文字化けしたGoogle Maps じゃ。使いもんにならんし・・・・・・はぁ~。

 

◆データベースとの接続 PHP経由でMySQLからGoogle Maps 位置座標データを収得。 Read more »

PHPエラー/Warning: Cannot modify header information の解決策は、なんと別のphpファイルでした。

作成したデータテーブルのphpファイルにアクセスXMLファイルの生成を試みたら、Warning: Cannot modify header informationのエラーが表示された。

いや~困りました。
PHPを利用しXMLデータをHTMLへ渡そうとしましたが、phpsqlajax_genxml.php のファイル記述で、Warning: Cannot modify header informationのPHPエラーが出てしまい・・・・・あちこちのサイトに書いてあるphp.iniファイルのバッファーうんたらのON/OFFだとか、読み漁りましたが原因がわからず嘆いておりましたが、ふと別のphpファイル「phpsqlajax_dbinfo.php」をみると空白の改行が・・・・・。

Read more »

スポンサードリンク