谷歌地图标记在平移或缩放后消失

Question

我的墨西哥卷饼博客上有这个谷歌地图 api，但不幸的是，自定义标记（我使用 svg 的 base64 数据 url）停止正常工作，可能是在一些 api 更新之后。

在我执行以下任何操作后，它们现在不会渲染/被裁剪：

• 缩放
• 平移，使自定义标记看不见
• 有时根本不初始化

我看过很多论坛帖子，但似乎没有一个解决方案适合我。如果有人有一些见解那就太好了，谢谢。

codepen 可以在这里找到：https://codepen.io/cjm771/pen/mRdJwr

代码的主要症结在这里：

	var dataUrl = 'data:image/svg+xml;base64,'+btoa(newData);
				      var contentString = "<div class='map_content'><h5>"+v.title+"</h5><br>"+
				      "<a href='burrito/"+v.cleanUrl+"'>link</a><img class='map-image' src='"+cmcm_url+coverImages[v.coverImage].thumb+"'> Ranking: "+v.ranking+"/10 Burritos</div>";
				      count++;
				        var marker = new google.maps.Marker({
				            map: map,
				            position: results[0].geometry.location,
				            icon: {
					           // size: new google.maps.Size(50,50),
					            scaledSize: new google.maps.Size(50,50),
					            origin: new google.maps.Point(0,0),
					            url: dataUrl
					           // anchor: new google.maps.Point(16,16),
							//	map: map
					        },
				            title: v.title,
				            labelClass: "range_none"
				        });
				       

				          marker.addListener('click', function() {
						    // infowindow.close();
						     infowindow.setContent(contentString)
							 infowindow.setPosition(marker.position);
							 infowindow.open(map, marker)
					  });

Answer 1

我知道这已经很旧了，但对我来说似乎一切都很好。您最终找出导致问题的原因并解决了吗？