无法将Google静态地图加载到jQuery mobile中的div中

Question

我正在尝试将Google静态地图图像加载到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();
});

任何建议的帮助，不胜感激。

Answer 1

尝试

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

Answer 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）;