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

时间:2014-01-18 14:11:58

标签: jquery google-maps jquery-mobile

我正在尝试将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();
});

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

2 个答案:

答案 0 :(得分:0)

尝试

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

答案 1 :(得分:0)

谢谢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);