スポンサードリンク

マーカー(アイコン)の種類を変更する/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 »

PHPを使用したXMLファイルの出力を確認チェックする方法/PHP, MySQL & Google Maps

Google Code から Using PHP/MySQL with Google MapsChecking that XML output works 項を参照

Checking that XML output works 出力された XMLをチェックする。
さてなんと書いてあるのか。
  • 先ほどの「kouen-demol.phpPHPスクリプトファイルにブラウザからアクセスし、有効なXMLを確実に呼び出す。
  • データベースに接続することに関する問題があると考える場合、
    • ブラウザーがXMLを解析しようとする原因になる
    • あなたのデバッギングメッセージを見ることを難しくするかもしれない
    • ヘッダをtext/xmlにセットするファイルで線を取り外すならば、デバッグするのがより簡単であるとわかるかもしれません。
  • スクリプトが正しく働けば、次のようなXML出力が確認できる (phpsqlajax_expectedoutput.xml):

Read more »

XML形式にテーブルデータをGoogle Mapsで読み出すためのPHPファイルを作成/PHP, MySQL & Google Maps

Google Code から Using PHP/MySQL with Google MapsUsing PHP’s DOM functions to output XML 項を参照

PHP 5の場合は、 「Using PHP’s DOM functions to output XML」を参照と書いてある。
さてなんと書いてあるのか。
  1. PHPで、最初に新しいXMLドキュメントを初期化する。
  2. 「marker」親ノードを作成し、その際にデータベースに接続する。
  3. SELECT*を実行する。(すべて選択)
  4. 作成したテーブルからのデータを繰り返し引き出す。
  5. テーブル(各位置)の各行には、XML属性として行属性で新しいXMLノードを作成しておき、親ノードに追加する。
  6. 表示用XMLが生成される。
注意: utf-8で記述すること。
Read more »

MySQL データベースの情報を記述するPHPファイルとは/PHP, MySQL & Google Maps

Google Code から Using PHP/MySQL with Google MapsOutputting XML with PHP を参照

◆XMLファイルのPHPファイルとの出力
データテーブルをMySQLにて作成。
JavaScript呼び出しで検索できるためのXML形式にテーブルデータをエクスポートするためのPHPファイルを作成。
( MySQLデータベースへの接続のためのPHPについては、php.netにてスタディ)
次に、データベース接続情報用のPHPファイルを作成する。(秘密情報を保持のため)
データベース情報は、こんな感じで情報を記載し、phpファイル形式で保存しておく。
Read more »

メタタグ(meta name=”description” content)は丁寧に記述する/Google SEO対策

Google の検索結果に、メタタグが使われているので、丁寧に書いてみようかと思う。

タイトルで使われていないキーワードを盛り込んで記述しましょう。

Google 検索結果の下部に表示されるのに使用されているようですよ

UTF-8の記述指定の基本フォーマットとGoogle Maps APIキーのUTF-8の指定

HTMLの最初にUTF-8である記述をしておきましょう。Google Maps APIのキーにもUTF-8を指定しておきます。

◆HTML記述

<?xml version=”1.0″ encoding=”UTF-8“?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”langOpen” xml:lang=”langOpen”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”Content-Style-Type” content=”text/css” />
<meta http-equiv=”Content-Script-Type” content=”text/javascript” />
<title>●●●●●●●●</title>
<meta name=”keywords” content=”●●●●●●●●,●●●●●●●●” />
<meta name=”description” content=”●●●●●●●●” />
<!– [Google Maps API キー]   –>
<script src=”http://maps.google.com/maps?file=api&amp;v=2&amp;key=あなたのキー” type=”text/javascript” charset=”utf-8“></script>
<!– [Google AJAX Search API キー]   –>
<script src=”http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAXo7nprH_h4-e_HfFt7lrORQCY2CLwxHrlUmkZw2-BIEBkr5Y_BRPbMpfcn4yZ-MjOVa5jYmtLNB4Zg” type=”text/javascript charset=”utf-8“></script>
<!– [Google AJAX Search 用リンク記述]   –>
<script src=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js” type=”text/javascript”></script>
<link href=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css” rel=”stylesheet” type=”text/css” />
<link href=”http://www.google.com/uds/css/gsearch.css” rel=”stylesheet” type=”text/css” />
<link rel=”stylesheet” href=”../start/css/layout-5-master.css” type=”text/css” />
</head>

40カ国以上の言語の翻訳可能なブログパーツ「World-Word-翻訳」

40カ国以上の国の言語の翻訳可能なブログパーツです。

移行先のページも翻訳されます。Google Adsenseでは、翻訳関係の海外広告が表示されてしまいますが・・・・この辺りがうまくいけば、英語のアフィリエイト用のサイトをわざわざ製作しなくても済むのだが・・・・

◆記述タグ入手先

◆記事検索

座標(経度、緯度)をマップをクリックして座標(経度、緯度)表示!リバース・ジオコーディング!ストリートビューも/Google Maps API

Google Maps でホームページを作成する際に必ずh儀津用となるのが座標(経度、緯度)を調べること。
をマップをクリックして座標(経度、緯度)表示できるように、リバース・ジオコーディングを利用。
また、ストリートビューのyaw、pitch、zoomも必要になるので、併せて利用。

◆リバースジオコーディング用マップ(地図)

    21 / 23« 先頭...10...1920212223

    スポンサードリンク