START HERE geocoderを使った検索処理

START HERE

開発やらlinuxについてやったこと、ひっかかったことのメモ

[39] [38] [37] [36] [35] [34] [33] [32] [31] [30] [27]

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

【2024/11/22 20:57 】

CATEGORY[]

geocoderを使った検索処理

簡単に出来るらしいのだが，出来ません．なぜだ．
mixiアプリで実装しているのですが，
400 Bad Requestが出てしまって失敗．firebugでもどこがおかしいのか分からず．

しょうがないから，mixiアプリから離れ，テスト環境で実装してみましたが，，，~~出来ず．~~
出来ました(20091109)

なぜだー．
以下11月05日（現在）のソースコード

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4   <head>
5     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
6     <title>ようこそ</title>
7
8     <link rel="stylesheet" href="./test.css" type="text/css">
9
10     <script src="http://maps.google.co.jp/maps?file=api&v=2&key=ABQI    AAAA3rz-n0Fwa7en-yAJRj5J1hQhaKahdK6unGGkGElxMSZ-PRd4IxQiddQzSOYpyPwJdZ3q5Y3D    9G9QEg"
11       type="text/javascript"></script>
12     <script type="text/javascript">
13
14     var map = null;
15     var geocoder = null;
16
17     function load() {
18       if (GBrowserIsCompatible()) {
19         var map = new GMap2(document.getElementById("map")); ←そりゃダメだわｗ
20         map.addControl(new GLargeMapControl());
21         map.addControl(new GMapTypeControl());
22         var niigata_univ = new GLatLng(37.868044,138.947353);
23           map.setCenter(niigata_univ, 15);
24         geocoder = new GClientGeocoder();
25       }
26     }
27
28 function showAddress(address) {
29   alert(address);
30       if (geocoder) {
31          geocoder.getLatLng(
32               address,
33               function(point) {
34               if (!point) {
35               alert(address + " not found");
36               } else {
37               map.setCenter(point, 13);
38               var marker = new GMarker(point);
39               map.addOverlay(marker);
40               marker.openInfoWindowHtml(address);
41               }
42               }
43               );
44          }
45          }
46
47
48     </script>
49
50   </head>
51
52 <h1>ここはindexページです．</h1>
53
54 <br/>
55 <script language="JavaScript"></script>
61
62 <form name="selectForm">
63 <select name="menu">
64 <option value="test.html">testページへ
65 <option value="css-test.html">スタイルシートの練習へ
66 </select>
67 <input type="button" value="go" onclick="myMenu()">
68 </form>
69
70
71 
72 
73 <BODY onload="load()" onload="GUnload()">
74   <form onsubmit="showAddress(this.address.value);return false" action="#"/>
75     <input type="text" name="address"/>
76     <input type="submit" value="検索"/>
77   </form>
78     <div id="map" style="width: 500px; height: 300px"></div>
79
80
81 </BODY>
82
83 </html>

今日は疲れたからやめます．

【2009/11/05 21:46 】

CATEGORY[google Maps API]

Trackback[]

COMMENT[0]