MarkerWIthLabel地图库:this.setValue不是函数

时间:2018-12-13 10:45:35

标签: javascript google-maps google-maps-api-3 google-maps-markers

我有一个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

1 个答案:

答案 0 :(得分:2)

我刚刚发现了问题,我不得不在Google地图API库之后添加了MarkerWithLabel.js