Knouckout js与google地图的连接

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

function MapViewModel() {
  var self = this;
  
  // 初始化地图
  self.map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194}, // 地图初始中心点坐标
    zoom: 12 // 地图初始缩放级别
  });
  
  // 添加标记
  self.addMarker = function() {
    var marker = new google.maps.Marker({
      position: {lat: 37.7749, lng: -122.4194}, // 标记位置坐标
      map: self.map
    });
  };
  
  // 绑定Knockout.js的数据和操作
  ko.applyBindings(self);
}

<div id="map"></div>
<button data-bind="click: addMarker">添加标记</button>

window.onload = function() {
  var viewModel = new MapViewModel();
};