无法将谷歌静态地图加载到jquery mobile中的div中

Posted 2023-05-09

【中文标题】无法将谷歌静态地图加载到jquery mobile中的div中

【英文标题】：unable to load google static map into div in jquery mobile

【发布时间】：2014-02-07 22:12:27

【问题描述】：

我正在尝试将谷歌静态地图图像加载到 JQM 中的 div 中 在萤火虫中，我可以看到图像正在下载。它还显示一个错误说 非法字符PNG

var mapRequestData = "http://maps.googleapis.com/maps/api/staticmap?center=" + locationDetail + "&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7&markers=color:green%7&sensor=false";

$.getJSON(mapRequestData + "&callback=?", function (data) 

    $('#map').html('<img src="data:image/png;base64,' + data + '" />');
    $("#map").page();
);

非常感谢任何建议的帮助。

【参考方案1】：

试试

$('#map').html('<img src="'+mapRequestData+'"/>');

【参考方案2】：

感谢 Nauphal 我通过应用以下代码解决了同样的问题

var mapRequestData = "http://maps.googleapis.com/maps/api/staticmap?center=" + locationDetail + "&zoom=9&size=400x300&maptype=roadmap&markers=color:blue%7&markers=color:green%7&sensor=false";

$(".mapImage").attr('src', mapRequestData);