2013-04-24 78 views
0

我遵循here的指示,在桌面上的效果很好,但在移动浏览器中,地图只是空白(在Android,iOS上进行检查)。似乎该脚本没有在移动设备上运行(浏览器中允许使用javascript),因为结果页面没有在div#map_leads中执行的代码。Google地图在手机浏览器中无法使用

This就是这样。

任何人都可以帮助解决它吗?

使一个更清晰page其中只包含地图,一切工作正常...将尝试在网站上找到错误的代码。

我发现,对于地图的原因不能正常使用的是下面的JavaScript:

(function() { 

function t(e) { 
this.path=e; 
var t=this.path.split("."),n=t.slice(0,t.length-1).join("."),r=t[t.length-1]; 
this.at_2x_path=n+"@2x."+r 
} 

function n(e) { 
this.el=e,this.path=new t(this.el.getAttribute("src")); 
var n=this; 
this.path.check_2x_variant(function(e){e&&n.swap()}) 
} 

var e=typeof exports=="undefined"?window:exports; 

e.RetinaImagePath=t, 
t.confirmed_paths=[], 
t.prototype.is_external=function(){ 
return!!this.path.match(/^https?\:/i)&&!this.path.match("//"+document.domain) 
}, 
t.prototype.check_2x_variant=function(e){ 
var n, 
r=this; 

if(this.is_external())return e(!1); 

if(this.at_2x_path in t.confirmed_paths)return e(!0); 

n=new XMLHttpRequest, 
n.open("HEAD",this.at_2x_path), 
n.onreadystatechange=function(){ 
return n.readyState!=4?e(!1):n.status>=200&&n.status<=399?(t.confirmed_paths.push(r.at_2x_path), 
e(!0)):e(!1)}, 
n.send() 
}, 

e.RetinaImage=n, 
n.prototype.swap=function(e){ 
function n(){ 
t.el.complete?(
t.el.setAttribute("width",t.el.offsetWidth), 
t.el.setAttribute("height",t.el.offsetHeight), 
t.el.setAttribute("src",e) 
):setTimeout(n,5)} 
typeof e=="undefined"&&(e=this.path.at_2x_path); 
var t=this; 
n()}, 

e.devicePixelRatio>1&&(window.onload=function(){ 
var e=document.getElementsByTagName("img"),t=[],r,i; 
for(r=0;r<e.length;r++)i=e[r],t.push(new n(i))})})(); 

我已经打破了它成自己行作为起源于它是写在一行。将尝试修复它 - 认为img元素有问题。

回答

0

将已添加的贴图函数添加到发布的脚本的末尾,并且正常工作。对不起浪费你的时间!