• About Me
  • Java基礎教學
  • 部落格聯播

[jsp]利用Google Map查詢經緯度

如果手上有一堆地址清單想要知道它們的經緯度如何?要怎麼做呢?這裡介紹一個很簡單的方法,利用二個Ajax及Google Map就可以完成,一個要求地址欄位及key值(這其實可以直接全都先輸出成javascript的Array就好了),另一個接收到經緯度資料後回傳給Server做儲存(這也可以直接利用一個TextArea存放,到時再複製起來存放),而Google Map最主要的功能就是把地址轉換成經緯度。

GoogleMap3.png

做法及想法如下:

1.建立資料庫Table

需要有一個pk值、地址、經度、緯度及一個記錄是否已取得成功的註記符號,MySQL語法如下:

ps.先建立幾筆資料做測試,如下insert

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
CREATE TABLE `test`.`Address` (
  `id` INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
  `zip_name` VARCHAR(45) NOT NULL,
  `address` VARCHAR(500) NOT NULL,
  `latitude` VARCHAR(100),
  `longitude` VARCHAR(100),
  `flg` VARCHAR(1),
  PRIMARY KEY (`id`)
)
ENGINE = InnoDB;
 
INSERT INTO ADDRESS (zip_name,address) 
VALUES ('台中市北屯區', '崇德路130號14樓A1');
INSERT INTO ADDRESS (zip_name,address) 
VALUES ('台中市西區', '忠明南路122號');

詳細文章

JavaScript Source Compression Obfuscators

Google Closure Complier

Google提供API讓用戶端可以直接撰寫自己的程式來壓縮及擾亂JavaScript Source,而以下是它提供UI介面,可以直接Add a URL,就可以輸出Complier後的Script Code,畫面如下:

Labs網址:http://code.google.com/intl/zh-TW/closure/compiler/docs/gettingstarted_ui.html

UI網址: http://closure-compiler.appspot.com/home

clip_image002

Yahoo YUI Compressor

Yahoo在很早以前就提供JavaScript及css的Compressor及Obfuscators,而它本身並沒有UI介面,只能直接使用java command來執行java –jar yuicompressor-x-y-z.jar 。

官方網站:http://developer.yahoo.com/yui/compressor/

測試

實際用prototype.js這個script來壓縮,結果如下:

原始檔大小約124,136位元組

Google Closure Complier執行過後約71,280位元組

Yahoo YUI Compressor執行過後約72,612位元組

以上的設定值均為一般設定

每萬次展示節省成本約50Mb(以Google Cosure Complier為例)