c# - 换行符在 javascript 谷歌地图标签中不起作用

Question

下面的代码在多边形上放置一个标签，除了换行符之外，工作正常。文本中的变量是 C# 的，它们也工作得很好。由于某种原因，我无法让换行符工作。它可以编译，但所有内容都显示在同一行上。

var AustinLabel = new MapLabel({
                    text: "<%=zipCentroid[i]%>" + "\n" + "<%=colorCount[i]%>" + "<%=layerType%>", 
                    position: new google.maps.LatLng(<%=zipLat[i]%>, <%=zipLong[i]%>),
                    map: map,
                    fontSize: 30,
                    minZoom: 13,
                    fontColor: "#FFFFFF",
                    strokeColor: "#000000"
                });
                AustinLabel.set('position', new google.maps.LatLng(<%=zipLat[i]%>, <%=zipLong[i]%>));

Answer 1

谷歌地图MapLabel对象使用HTML5 Canvas fillText()方法，不支持多行文本。

https://code.google.com/p/google-maps-utility-library-v3/source/browse/trunk/maplabel/src/maplabel.js?r=300

您可能需要考虑使用信息窗口。以下是 InfoWindow 的文档:https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

var AustinLabel = new google.maps.InfoWindow({
                    content: "<%=zipCentroid[i]%>" + "<br/>" + "<%=colorCount[i]%>" + "<%=layerType%>", 
                    position: new google.maps.LatLng(<%=zipLat[i]%>, <%=zipLong[i]%>)
                });