使用地理显示多个标记:意向在指定位置和缩放级别显示地图

要在指定位置和缩放级别显示地图并显示多个标记，您可以使用各种在线地图服务，例如 Google Maps API 或 Mapbox GL JS。以下是使用 Google Maps API 的示例：

获取 Google Maps API 密钥：
- 访问 Google Cloud Console。
- 创建一个新项目或选择一个现有项目。
- 启用 Google Maps JavaScript API。
- 创建一个 API 密钥。
创建 HTML 文件并包含 Google Maps API 脚本： <!DOCTYPE html> <html> <head> <title>Multiple Markers on Map</title> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script> <style> #map { height: 100%; } html, body { height: 100%; margin: 0; padding: 0; } </style> </head> <body> <div id="map"></div> <script> function initMap() { var locations = [ {lat: -34.397, lng: 150.644, title: 'Marker 1'}, {lat: -35.397, lng: 151.644, title: 'Marker 2'}, {lat: -36.397, lng: 152.644, title: 'Marker 3'} ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: locations[0] }); var markers = locations.map(function(location) { return new google.maps.Marker({ position: location, map: map, title: location.title }); }); } </script> </body> </html>
替换 YOUR_API_KEY 为您的 Google Maps API 密钥。
在浏览器中打开 HTML 文件：
- 将上述 HTML 代码保存为一个文件，例如 map.html。
- 在浏览器中打开该文件，您将看到一个包含多个标记的地图。