我有一个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}
});
使用新类后,我会收到此错误:
TypeError:this.setValues不是函数 在MarkerWithLabel.gf(js?key = MYGOOGLEKEY&callback = loadMapsApiEnd&libraries = places&_ = 1544699657828
我不知道此文件是什么:MarkerWithLabel.gf
我已包含此.js文件: https://github.com/googlemaps/v3-utility-library/blob/master/markerwithlabel/src/markerwithlabel.js
答案 0 :(得分:2)
我刚刚发现了问题,我不得不在Google地图API库之后添加了MarkerWithLabel.js