Javascript 谷歌地图v3没有加载到iPad上-按钮加载,但地图只是蓝色的

Javascript 谷歌地图v3没有加载到iPad上-按钮加载,但地图只是蓝色的,javascript,ios,ipad,google-maps,google-maps-api-3,Javascript,Ios,Ipad,Google Maps,Google Maps Api 3,我使用Google Maps v3在一个站点上对地址进行地理编码,它在所有浏览器中都能正常工作,显然,在移动设备上除外。更具体地说,现在我只是想为IOS设备(iPad/iPhone/iPod Touch)修复它 地图应用程序本身似乎正在加载,因为我可以看到谷歌徽标、使用条款链接、地图和卫星按钮,甚至是小街景图标(顺便说一下,它是灰色的) 下面是地图在iPad上的截图。有人能告诉我是什么导致了这种情况,或者如何在IOS设备上调试它吗 谢谢 编辑 下面是用于渲染贴图的代码的核心部分 functi

我使用Google Maps v3在一个站点上对地址进行地理编码,它在所有浏览器中都能正常工作,显然,在移动设备上除外。更具体地说,现在我只是想为IOS设备(iPad/iPhone/iPod Touch)修复它

地图应用程序本身似乎正在加载,因为我可以看到谷歌徽标、使用条款链接、地图和卫星按钮,甚至是小街景图标(顺便说一下,它是灰色的)

下面是地图在iPad上的截图。有人能告诉我是什么导致了这种情况,或者如何在IOS设备上调试它吗

谢谢


编辑

下面是用于渲染贴图的代码的核心部分

function renderMap(elem, lat, lng) {
    lat = (null == lat || undefined == lat) ? -14.397 : lat;
    lng = (null == lng || undefined == lng) ? 120.644 : lng;
    var latlng = new google.maps.LatLng(lat, lng);
    var map    = new google.maps.Map(
        document.getElementById(elem.attr('id')), { 
            zoom: 11, 
            center: latlng, 
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
    );

    try {
        var marker = new google.maps.Marker({ map: map, position: latlng });
    } catch (err) {
        MAP_ERRORS.push(err);
    }
}

function initialize() {
    var msie7 = (navigator.appVersion.indexOf('MSIE 7.') == -1) 
        ? false : true;

    if (true != msie7) {
        $('#my-content-div' + ' > .gmap').each(function(index) {
            // these are hidden divs that contain these values
            var lat = $(this).parent().find('.lat').html();
            var lng = $(this).parent().find('.lng').html();
            renderMap($(this), lat, lng);
        });
    }
}
initialize();

编辑2

我想我可能刚刚发现了真正的问题。看起来iPad正试图将隐藏的纬度转换成一个电话号码。我使用JS技巧在iPad上查看页面源代码,特别是针对latitude(我认为是正数),Safari将其转换为链接!资料来源如下:

<!-- iPad source -->
<span class="hidden lat">
    <a href="tel:36.783760070801">36.783760070801</a>
</span>

在所有其他浏览器中,工作时,源代码看起来应该是:

<!-- Firefox 10.0.2 source (CORRECT) -->
<span class="hidden lat">36.783760070801</span>

36.783760070801

有什么新想法吗?

在最终查看了iPad上的页面来源后,我能够将问题归结到隐藏的纬度链接,iPad Safari正在将该链接转换为电话号码。我搜索了堆栈溢出,发现了以下内容:


这就解决了问题


谢谢大家的帮助

我估计坐标(0,0)处是东大西洋。但是调试屏幕截图有点困难。有联系的机会吗?或者一些代码和一个示例地址?嘿,谢谢你的回复,很抱歉我没有及时回复!是的,我完全理解,不幸的是,我现在不能发布链接,但我会研究找出一段代码。我会发布我的编辑,当我有它。再次感谢你的帮助!显然,
var-lat
var-lng
的估值为零。我认为没有足够的细节来确定为什么会这样,因为它似乎取决于HTML中定义的页面结构和数据。一个在线示例(例如在jsfiddle.net中)将有助于[或者至少对我有帮助!]请提供一个指向相关页面的链接。
<meta name="format-detection" content="telephone=no">