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

【问题标题】：unable to load google static map into div in jquery mobile无法将谷歌静态地图加载到jquery mobile中的div中
【发布时间】：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();
});

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

【问题讨论】：

标签： jquery google-maps jquery-mobile

【解决方案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);

【讨论】：