技術者の開発日記 google Map

google Map-動作確認中

google Mapをクチコミ.COMで利用できるよう開発中です。

テスト中

現状可能項目
・地域検索可能
・マーカー設置（検索位置）
・座標をデータベースに格納


□test.php
取得した座標x,y
---------------------------------

*JavaScript領域
document.myform.x.value = point.x; 
document.myform.y.value = point.y;

---------------------------------
*HTML領域
<form action="setMap.php" method="POST" name="myform">

<input type='hidden' name='x'>
<input type='hidden' name='y'>
---------------------------------
□setMap.php
<?php
require 'connect_db.php';
?>
<?php

// MySQL トランザクション開始
$sql = "begin";
if (!(mysql_query($sql))) {
   die;
}

/* 入力されたデータを保存する */
$sql_str = "insert into maptest(x,y) ";

$sql_str .= sprintf("values (%f,%f)",
                    $_POST['x'],   // x座標
                    $_POST['y']    // y座標
                 );

mysql_query($sql_str, $dbh)
  or die('SQLエラー..'.$sql_str);

// MySQL トランザクション開始
$sql = "commit";
if (!(mysql_query($sql))) {
   die;
}

?>

□ブログランキングに参加しています。

□相互リンクするなら
コンテアカテゴリ

□クチコミするなら
クチコミ.COM

テーマ:プログラミング - ジャンル:コンピュータ

【2007/02/27 02:57】 | google Map | TRACKBACK(0) | COMMENT(2)

TOP

google Map吹き出しの日本語文字化け対応

google Map吹き出しの日本語が文字化けしていましたが、
lv -Os ファイル1 > ファイル2
でSJISに変換したら直りました。

□技術メモ
　・lvのインストール
　　yum install lv
　　＊自分のサーバ環境だとyumを使う前にexport LC_ALL=C実行

　・文字コード変換
　　lv -Os ファイル1 > ファイル2　→SJIS
　　lv -Oej ファイル1 > ファイル2　→EUC-JP
　　lv -Ou8 ファイル1 > ファイル2　→UTF-8

□ブログランキングに参加しています。

□相互リンクするなら
コンテアカテゴリ

□クチコミするなら
クチコミ.COM

テーマ:WEB系勉強中 - ジャンル:コンピュータ

【2007/02/23 00:35】 | google Map | TRACKBACK(0) | COMMENT(1)

TOP

google Map-表示

有名なgoogle Mapですが、実は文字コードがUTF-8でないと動作してくれません。IEの場合大体SJISなのでどうしたものかと悩みましたが、対処としては、google Map表示処理を別のファイルに記述し、metaとscriptを文字コードUTF-8指定するのがいいようです。

■google Map(UTF-8)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ここにキーが入る"
type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));

map.addControl(new GLargeMapControl());
map.setCenter(new GLatLng(35.795034, 139.483745), 13);
map.openInfoWindow(map.getCenter(),document.createTextNode("Contea Company"));

var marker = new GMarker(new GLatLng(35.795034, 139.483745));
map.addOverlay(marker);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>

■表示(SJIS)
<iframe src="menu.htm" height=500 width=216 scrolling="NO" frameborder="0">
この部分はiframe対応ブラウザで見てください。
</iframe>

iframeは一時期SEOの観点からあまり使わないほうがいいと聞いていましたが、最近ではそのようなことはないそうです。

□ブログランキングに参加しています。

□相互リンクするなら
コンテアカテゴリ

□クチコミするなら
クチコミ.COM

【2007/02/09 21:49】 | google Map | TRACKBACK(0) | COMMENT(19)

TOP

| BLOG TOP |