无法显示SVG图像

Question

我正在尝试显示SVG;下面的代码适用于内联SVG，但现在我有一个包含大量内容的SVG文件，因此我将其更改为：

   background:url("data:image/svg+xml;base64, dot-and-circle.svg")  no-repeat; 

但它不起作用。有人可以帮忙吗？

 body,html,#map_canvas{height:100%;margin:0;}
 #map_canvas .centerMarker{
 position:absolute;
  /*url of the marker*/
 background: url("data:image/svg+xml;utf8,<svg     xmlns='http://www.w3.org/2000/svg' width='30' height='30'><circle cx='15'   cy='15' r='10' /></svg>")  no-repeat;
 /*background:url('dot-and-circle.svg') no-repeat;
 /*center the marker*/
 top:50%;left:50%;
 z-index:1;
 /*fix offset when needed*/
 margin-left:-10px;
 margin-top:-34px;
 /*size of the image*/
 height:16px;
 width:16px;
 cursor:pointer;
}