1

複数のマーカーを使用してGoogleマップを実装しましたが、各マーカーに一意のラベルを追加する方法が失敗しています。つまり、各マーカーには文字が必要です。
たとえば、
マーカー1には「A」を表示する
必要がありますマーカー2には「B」を表示する必要があります'
マーカー 3 は 'C' を表示
する必要がある マーカー 4 は 'D' を表示する必要がある
...
私が達成しようとしているものの例は次のとおりです: http://www.athenos.com/locator/ --- に 11205 を入力しますここのzip検索

は、私のマップコードの一部です-私のinitおよびadd_markerメソッド：

init : function() {

    var self = this;

    // set map property
    var map = new google.maps.Map(self.dom_element, self.options);
    self.map = map;

    // set some other shit
    new google.maps.Size(95, 77),
    new google.maps.Point(0,0),
    new google.maps.Point(47, 76);

    // creating new bounds 
    var bounds = new google.maps.LatLngBounds();

    // for loop to iterate through locations
    for (var i = 0; i < self.locations.length; i++) {

        // extend the bounds
        bounds.extend(self.locations[i].latlng);

        // add the marker
        self.add_marker(self.locations[i].latlng, i);
    }

    // centers the map based on the existing map markers
    self.map.fitBounds(bounds);
},

add_marker : function(latlng, marker_index) {
    var self = this;
    var marker = new google.maps.Marker({
        position: latlng,
        map: self.map,
        icon: self.map_icon,
        zIndex: 998,
        id: marker_index // give the marker an ID e.g. 0, 1, 2, 3 - use this for indexing the listed venues
    });

    google.maps.event.addListener(marker, 'mouseover', function(event) {

        var this_marker = this;
        // executes handler and passes the marker as 'this' and event data as an argument
        self.handle_marker_mouseover.call(self, this, event);
        this_marker.setZIndex(999);

    });

    google.maps.event.addListener(marker, 'mouseout', function(event) {

        // executes handler and passes the marker as 'this' and event data as an argument
        self.handle_marker_mouseout.call(self, this, event);


    });

    google.maps.event.addListener(marker, 'click', function(event) {

        // executes handler and passes the marker as 'this' and event data as an argument
        self.handle_marker_click.call(self, this, event);


    });
},

...

助けてください。前もって感謝します

4

2 に答える 2

1

just try to locate your icon, in marker's prop, at this url: http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=7|00FF00|000000

So iterate with letters over the first part of the chld querystring parameter, and don't forget to choose your marker's color (latest two part, pipe separated)

于 2013-06-06T10:33:17.070 に答える