スポンサードリンク

Category Archives: アイコン&マーカー

Google Map(地図)にアイコン(マーカー)を表示させる。

地図を表示させることが出来たら、こんどはマーカー(アイコン)を表示させてみましょう。

var markerでアイコンを表示させます(朱書き部)。座標(経度、緯度)は東京タワー、座標収得はコチラ

◆記述

1)Head文

Read more »

カスタムアイコン(マーカー)用の影を簡単に作成できるGoogle Maps API Icon Shadowmaker for Google Maps v3

Google Mapsの標準アイコン(マーカー)にないアイコンを使いたい場合、影をどうするか悩んでいたら、何とまあ、便利なものが・・・・for Google Maps v3とありますが、v2で問題なく影付きのマーカーが作成できました。

便利なのでお試しを・・・これで、いろんなアイコンを地図に表示できるようになりますので、マーカーの種類が増えてしまいそうです。

Read more »

指定した期間日付でマーカーを表示。MySQL+PHP+select+DATE_FORMAT

例えば毎年7月になったらあるマーカーを表示」させる場合でなく、今度は7月と8月の場合は? さらに、7/15から8/15のカレンダーデイでマーカーを表示させる場合は? イベント開催中のみマーカー(アイコン)を表示させたいなと・・・・ 考え方は次のような感じかな。 1)期間を指定したいので、Date型フィールドを2つ作成。

  • 開始日:datefrom
  • 終了日;dateto

2)select文は

  • 例えば、あるアイコンを期間(月日)限定で表示させたい。期間は、5月5日~5月25日としたい。
  • Date型フィールドは2つ。datefromに5月5日、datetoに5月25日を指定
  • 従って、今日の「月日」が、datefromより大きく、datetoより小さい間だけ、マーカーを表示する。

3)ではどう記述すればよいのか? Read more »

phpMyAdmin で MySQL のデータテーブルから指定選択した変数のマーカー(アイコン)だけを表示させる/PHP, MySQL & Google Maps

MySQLのデータテーブルから全ての行を選択して表示させるためのphpファイルに記述する(全てのマーカー表示)、select文は、

次の通り(参考記事

$query = “SELECT * FROM markers WHERE 1″;

今回は、特定のマーカーだけを、抽出選択して地図に表示させてみる。

Read more »

矢印アイコン、アルファベットアイコン、(影付き)

矢印(影付き)、アルファベットマーカーアイコンがありました。Google Maps API Project から ダウンロードできます。

◆その他アイコンは、コチラ

数多くの大量のマーカー(アイコン)を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 »

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

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

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

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

Google Maps API v3は、コチラ

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

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

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

HTML Script

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

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

Read more »

スポンサードリンク