我有一个JavaScript应用程序,我正在尝试使用MarkerWithLabel
库为地图上的标记添加CSS样式。在我的CSS文件中,我添加了标签类:
.labels {
color: red;
background-color: white;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 60px;
border: 2px solid black;
white-space: nowrap;
}
在JavaScript代码中,我使用MarkerWithLabel
类,而不是默认的google.maps.Marker
var marker = new MarkerWithLabel({
position: new google.maps.LatLng(lat, lon),
draggable: false,
raiseOnDrag: false,
map: map,
labelContent: "my label text",
labelAnchor: new google.maps.Point(22, 0),
labelClass: "labels",
labelStyle: {opacity: 1.0}
});
一旦我使用新的类,我就会得到这个错误:
类型错误:this.setValues不是函数在MarkerWithLabel.gif(js?key=MYGOOGLEKEY&callback=loadMapsApiEnd&library=places&_=1546699657828
我不知道这个文件是什么:MarkerWithLabel.gf
我已经包含了这个.js文件:https://github.com/googlemaps/v3-utility-library/blob/master/markerwithlabel/src/markerwithlabel.js
我刚刚发现问题,我必须在谷歌地图API库之后包含MarkerWithLabel.js