Google Maps API v3，删除标记图标或更改为“空”？

Question

I'm writing a Python Flask application in which I'm using Google Maps. I want to be able to add labels to a polyline that I've drawn which symbolizes a ship route.

The route is drawn using a set of coordinates and the polyline feature of the Maps API. I want to add time labels to the polyline and the easiest way seems to be to use Map Markers. However I don't want the large standard pins to show up, but would prefer a small icon/marker together with my text or even none at all. As far as I have gathered you can create "Circles" (which are modifiable) or "Markers" (which you only can change the icon of). I would prefer to go with "Circles", but those you apparently can't add text to..

How can I add text to my map and avoid the Google Maps Pins showing up?

Currently I have an list of objects that contains latitude, longitude and date + time. I'm iterating through it adding markers, but as I do I would like to keep out the marker icon or instead draw the circles if someone knows how to draw circles with added text?

for(i = 0; i < markerList.length; i++){
    var position = new google.maps.LatLng(markerList[i].lat, markerList[i].lng);
    var date = markerList[i].date;

    var marker = new google.maps.Marker({
        position: position,
        label: date,
        map: map,
        icon: "None" //Produces error: 404 (NOT FOUND)
    });
}

Being able to change the label size also is a very much appreciated function, but I have been unable to find any information about whether that is available. Being able to change the color of the text would also be nice.

Answer 1

As no answers have been given yet and I've sort of found a solution to my problem I guess I will share for others out there with the same problem. At least until someone comes up with a better solution:

I ended up using a predefined symbol and scaling it down to 0 in size as follows:

for(i = 0; i < markerList.length; i++){
    var position = new google.maps.LatLng(markerList[i].lat, markerList[i].lng);
    var date = markerList[i].date;

    var marker = new google.maps.Marker({
        position: position,
        label: date,
        map: map,
        icon: {
            path: google.maps.SymbolPath.CIRCLE,
            scale: 0
        }
    });
}

Sadly I haven't found a way to mess with the label yet.

Answer 2

try markerWithlabel and you can change the icon of the marker whit a svg or png plus the label too

like this jsfiddel .

Answer 3

@Zeliax You can add visible: false to not have marker icon show on your google map. icon prop looks for a path that you want specify for your marker to look as. It is basically a url for your display image.