Javascript 自定义css映射标记

有一个教程我以下，但渲染的标记不是那么好，特别是与我自己的自定义标记它有点像素。我想用一个div代替css来实现任何人都能帮助的相同功能

body,html,#map_canvas{height:100%;margin:0;}
#map_canvas .centerMarker{
position:absolute;
/*url of the marker*/
background:url(http://cdn1.iconfinder.com/data/icons/Map-Markers-Icons-Demo-    PNG/128/Map-Marker-Marker-Outside-Azure.png) 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:34px;
width:20px;
cursor:pointer;

---

您的答案将出现在谷歌地图文档中

-这是SVG选项

-这是图像png/jpeg

-这是一个CSS选项（最后一个答案）

可能重复的