带有标签的 Google Maps V3 标记 [英] Google Maps V3 marker with label

问题描述

如果我的标记是在每个结果的 ajax 成功时填充的，我如何向我的标记添加标签.

How can I add label to my marker if my markers are populated on ajax success each result.

map.gmap('addMarker', { 'position': new google.maps.LatLng(result.latitude, result.longitude) });

我这样试过，但没有成功:

I tried like this, but with no success:

map.gmap('addMarker', { 
    'position': new google.maps.LatLng(result.latitude, result.longitude), 
    'bounds': true,
    'icon': markerIcon,
    'labelContent': 'A',
    'labelAnchor': new google.maps.Point(result.latitude, result.longitude),
    'labelClass': 'labels', // the CSS class for the label
    'labelInBackground': false
});

推荐答案

我怀疑标准库是否支持这个.

I doubt the standard library supports this.

但是您可以使用谷歌地图实用程序库:

But you can use the google maps utility library:

http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries#MarkerWithLabel

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

var myOptions = {
    zoom: 8,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

var marker = new MarkerWithLabel({
   position: myLatlng,
   map: map,
   draggable: true,
   raiseOnDrag: true,
   labelContent: "A",
   labelAnchor: new google.maps.Point(3, 30),
   labelClass: "labels", // the CSS class for the label
   labelInBackground: false
 });

可以在此处找到有关标记的基础知识:https://developers.google.com/maps/文档/javascript/overlays#Markers

The basics about marker can be found here: https://developers.google.com/maps/documentation/javascript/overlays#Markers

这篇关于带有标签的 Google Maps V3 标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！