Javascript 如何设置标记'；s的大小取决于购买的数量？

在我正在构建的一个电子商务系统中，我想使用谷歌地图api来显示购买的来源。我希望这些标记被塑造成一个圆圈，我希望这个圆圈的大小取决于从那个特定城市购买的数量。假设有100份来自纽约的订单和200份来自波士顿的订单，波士顿的圆圈将是原来的两倍

---

如何才能做到这一点？

您的标记图标可以是一个符号（SVG路径），因此您可以根据自己的方便对其进行缩放

以下示例在每次向地图添加符号时都会放大符号。您可以轻松地将其重用到您的用例中

var map;
var polyLine;
var polyOptions;
var iconSize = 0.5;

function initialize() {

    var mapOptions = {
        zoom: 5,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: new google.maps.LatLng(0,0)
    };

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

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

        addPoint(event);
    });
}

function addPoint(event) {

    var icon = {

        path: "M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0",
        fillColor: '#FF0000',
        fillOpacity: .6,
        anchor: new google.maps.Point(0,0),
        strokeWeight: 0,
        scale: iconSize
    }

    var marker = new google.maps.Marker({
        position: event.latLng,
        map: map,
        draggable: false,
        icon: icon,
        zIndex : -20
    });

    map.panTo(event.latLng);

    iconSize += .1;
}

initialize();

---

我仍在使用此服务，但不幸的是，它已被弃用：