如何在Amcharts地图上绘制客户端地理位置(并处理HTML5地理位置的异步提供)

<script src="amcharts.js"></script>
<script src="maps.js"></script>
<link rel="stylesheet" href="amcharts.css">

<div id="mapContainer"></div>

var map = AmCharts.makeChart("mapContainer", {
  // 配置选项
});

var map = AmCharts.makeChart("mapContainer", {
  type: "map",
  theme: "light",
  dataProvider: {
    // 数据源配置
  },
  areasSettings: {
    // 区域样式配置
  },
  // 其他配置选项
});

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;

    // 在此处绘制客户端地理位置
  });
}

map.addListener("init", function() {
  map.zoomToGeoPoint({
    latitude: latitude,
    longitude: longitude
  });
  map.addObject({
    "type": "circle",
    "latitude": latitude,
    "longitude": longitude,
    "radius": 5,
    "color": "#FF0000"
  });
});