无法在jquery mobile中将google静态地图加载到div中

Question

我正在尝试将Google静态地图图片加载到JQM中的div中  在firebug中，我可以看到图像正在下载。它也显示错误说 非法字符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 +“＆amp; zoom = 9＆amp; size = 400x300＆amp; maptype = roadmap＆amp; markers = color：blue％7＆amp; markers = color：green％7＆amp; sensor = false “;

$（“。mapImage”）。attr（'src'，mapRequestData）;