从JSON文件中获取标记并在GoogleMap上显示

// 1. 解析JSON文件
var jsonData = '{"markers": [{"name": "Marker 1", "lat": 37.7749, "lng": -122.4194}, {"name": "Marker 2", "lat": 34.0522, "lng": -118.2437}]}';
var data = JSON.parse(jsonData);

// 2. 提取标记数据
var markers = data.markers;

// 3. 创建GoogleMap实例
var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 37.7749, lng: -122.4194},
  zoom: 12
});

// 4. 添加标记
markers.forEach(function(markerData) {
  var marker = new google.maps.Marker({
    position: {lat: markerData.lat, lng: markerData.lng},
    map: map,
    title: markerData.name
  });
});

// 5. 显示地图
// 在HTML中创建一个id为"map"的元素，用于显示地图