Javascript Google Maps JS API不会在移动设备上加载标记(在桌面上可以完美工作)

Javascript Google Maps JS API不会在移动设备上加载标记(在桌面上可以完美工作),javascript,jquery,google-maps,mobile,google-maps-api-3,Javascript,Jquery,Google Maps,Mobile,Google Maps Api 3,我有一个简单的webapp,它基于纽约OpenData JSON和地理位置在谷歌地图上绘制纽约的wifi热点。它可以在https桌面上完美地工作,但是热点标记不会在移动设备上渲染带有单独标记的空白地图(使用onclick infowindow渲染),但是热点标记/窗口不在那里。有什么想法吗?是否有jQuery或Google API问题可以解决这个问题?感谢您的帮助 应用程序: 来源:您能用它来检查是否是浏览器兼容性问题吗?我从谷歌的一位开发者那里得到了这个 这个问题与赫罗库有关。我的标记中的图像

我有一个简单的webapp,它基于纽约OpenData JSON和地理位置在谷歌地图上绘制纽约的wifi热点。它可以在https桌面上完美地工作,但是热点标记不会在移动设备上渲染带有单独标记的空白地图(使用onclick infowindow渲染),但是热点标记/窗口不在那里。有什么想法吗?是否有jQuery或Google API问题可以解决这个问题?感谢您的帮助

应用程序:
来源:

您能用它来检查是否是浏览器兼容性问题吗?我从谷歌的一位开发者那里得到了这个


这个问题与赫罗库有关。我的标记中的图像是从不安全的位置引用的。将JavaScript中URL开头的“http”更改为“https”解决了这个问题

我通过Safari的移动控制台发现了这一点,我在电脑上通过把手机连接到电脑上的方式访问了它,我现在对此太兴奋了

下面是错误的样子

// check for Geolocation support
if (navigator.geolocation) {
  console.log('Geolocation is supported!');
}
else {
  console.log('Geolocation is not supported for this Browser/OS.');
}