作者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/cn.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