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

Question

我在我的burrito博客上使用了这个谷歌地图api，但不幸的是自定义标记（我使用svg的base64数据网址），可能在一些api更新后停止正常工作。

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

• 缩放
• 平移以便自定义标记不在视图中
• 有时候根本没有初始化

我查看了很多论坛帖子，但这些解决方案似乎都不适用于我。如果有人有一些很好的见解，谢谢。

可以在此处找到codepen：https://codepen.io/cjm771/pen/mRdJwr

代码的主要症结在于：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;