如何在地图中插入列表？

<script src="https://map.qq.com/api/js?v=2.exp&key=YOUR_API_KEY"></script>

var map = new qq.maps.Map(document.getElementById("map-container"), {
  center: new qq.maps.LatLng(39.916527, 116.397128), // 地图中心点坐标
  zoom: 13 // 地图缩放级别
});

<ul id="location-list">
  <li data-latlng="39.908823,116.397470">地点1</li>
  <li data-latlng="39.908823,116.407470">地点2</li>
  <li data-latlng="39.918823,116.397470">地点3</li>
</ul>

var locationList = document.getElementById("location-list");
var lis = locationList.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++) {
  lis[i].addEventListener("click", function() {
    var latlng = this.getAttribute("data-latlng").split(",");
    var marker = new qq.maps.Marker({
      position: new qq.maps.LatLng(parseFloat(latlng[0]), parseFloat(latlng[1])),
      map: map
    });
    map.setCenter(marker.getPosition());
  });
}