Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从json图像数据创建html图像_Javascript_Html_Json_Image - Fatal编程技术网

Javascript 从json图像数据创建html图像

Javascript 从json图像数据创建html图像,javascript,html,json,image,Javascript,Html,Json,Image,我从服务器获得一个json格式的图像: image=iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAA 对于google marker,我必须这样分配图像: var myImage = "../Content/image.jpeg"; var markerOptions = { position: bound, map: map, icon: m

我从服务器获得一个json格式的图像:

image=iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAA
对于google marker,我必须这样分配图像:

  var myImage = "../Content/image.jpeg";

            var markerOptions = {
                position: bound,
                map: map,
                icon: myImage 
            };
如何将json图像数据转换为google maps接受的图像

我试过这个:

 var image = document.createElement('img');
 image.src = "data:image/png;base64" + base64JsonData;
但这会导致运行时出错

这是完整的json,我以前没有粘贴在这里,因为防洪…:

image=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

如需进一步阅读,请参阅哪个错误@HelloWorld我目前正在研究它,但我甚至无法让数据URI用于普通图像。至于将其设置为Google标记,如果采用相同的路径,则可能直接采用数据URI。需要再次检查specs.src=“data:image/png;base64,”+base64JsonData;--尝试此操作您缺少一个逗号
src=“data:image/png;base64,”
现在添加“逗号”后,我再也没有收到错误,但图像在地图上仍然不可见。
var image = document.createElement('img');
image.src = "data:image/png;base64," + base64JsonData;