Google Maps Marker显示不正常

我在网站上加了谷歌地图的API，想要弄一个可以自己给大头针选位置的功能，所以用了Marker，但是我加上之后，刚载入的时候marker是被拉长了，在拖动之后就变得特别小，而且阴影也是错的。
我的代码如下：

var mapOptions = {
	zoom: 4,
	disableDefaultUI: true,
	center: new google.maps.LatLng(34.397, 150.644),
	mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var markerOpt = {
	map: map,
	position: new google.maps.LatLng(34.397, 150.644)
}
var marker = new google.maps.Marker(markerOpt);
marker.setDraggable(true);

dyzdyz010