2016-05-24 14 views
0

Es gibt ein Tutorial im folgenden auf http://jsfiddle.net/doktormolle/jcHqt/ Es ist eine Google Maps mit einer statischen Map Marker das Problem ist ich versuche, den Marker mit einem Marker meiner eigenen das Problem zu ersetzen ist, wenn ich es versuche dass der Marker vollständig verschwindet. irgendwelche Vorschläge, die diese Probleme verursachen.google maps statische benutzerdefinierte map marker verschwindet

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; 
} 

Antwort

1

Da eine eigene Markierung der Größe 128x128 px ist, sollten Sie die CSS-Größe auf:

height: 128px; 
width: 128px; 

Vielleicht sind die Margen als auch angepasst werden sollten.