作者PuppyDoll (帕彼)
看板Ajax
標題[問題] ajax取得google map api地址轉經緯的問題
時間Wed Sep 30 23:49:03 2015
各位大大
本人為一剛轉前端的小嫩嫩
最近在開發jquery mobile加phonegap的App
頁面上必須同時顯示地址還有google地圖
我是用ajax溝通後端抓取地址
然後再傳給google map api裡的geocoder去轉換成經緯度
問題在於ajax抓取到地址後
我是先將地址顯示在id為add的<p>tag上
然後再利用getElementById("add").innerHTML去取得地址
再傳入geocoder裡面去轉換
通常第一次載入頁面時還抓的到
地圖也有顯示出來
但重新整理或回上頁再點回來以後
他就抓不到getElementById("add").innerHTML的值了
雖然<p id="add">裡的地址還是有顯示
但google地圖就顯示不出來了
我個人覺得是載入順序的問題?
以下是javascript的code
ajax的部分
http://pastie.org/10452409
google map api的部分
http://pastie.org/10452416
P.S. 兩段程式碼我分別寫在不同頁
ajax的部份我是寫在另一個js檔裡再引入到index.html裡
google map api的部份我則是直接寫在html <script></script>裡
找了很久還是不知到哪裡有問題
希望各位大大幫忙看一下
再次感謝~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.60.216.187
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1443628151.A.A6A.html
※ 編輯: PuppyDoll (61.60.216.187), 10/01/2015 00:00:31
1F：推 qwer820404: 真的 貼一下jsfiddle... 我沒辦法幫… 10/01 00:14
2F：推 oToToT: 貼個程式碼床啦 10/01 00:16
不好意思造成大大們閱讀上的困難QQ
※ 編輯: PuppyDoll (61.60.216.187), 10/01/2015 01:08:22