Step1>
地圖使用GoogleMap示範,設計前需要先申請一組金鑰。
(1-1) 首先先訪問此網址,並登入Google帳戶。
https://developers.google.com/maps/documentation/geocoding/get-api-key?hl=zh-tw
(1-2) 點選右上角的【取得金鑰】按鈕。
(1-3) 選擇或是建立一個新的Projec
完成後按下右下角的【Next】按鈕,會立即取得一組金鑰。
(1-4) 開啟 JQWebClient下的Web.config 加入以下兩行定義並存檔.
<add
key="MAP_TYPE" value="google" />
<add
key="MAP_KEY" value="google帳戶取得金鑰(如上)" />
Step2>
在RWDScriptManager元件上,設置UseMap屬性為True。
Step3>
打開rCustomers表單,在RWDDataForm上找到GoogleMap欄位,Editor下拉選擇map。
Step4>
接著,點開EditorOptions中的屬性編輯器,設定ValueType=current(自動定位目前所在的位置)。 (
current, address都是存當前地址,latlng存當前經緯度 )
Step5>
在DataGrid, RWDDataGrid上加入一個欄位GoogleMap將屬性Format設置為map,current 或 若是不想使用自動定位,而是要在DataForm上編輯值,請在DataGrid上顯示欄位值所在的地圖將屬性Format設置為map,address。
Step6>
APP執行結果如下圖:
Related Topics