Question

我想在地图中添加多个标记，以精确定位以下坐标。

11.8166°N，122.0942°E
11.9804°N，121.9189°E
10.7202°N，122.5621°E
11.3889°N，122.6277°E
10.5929°N，122.6325°E

Answer 1

你可以这样做：

希望有所帮助：）

var locations = [
		["LOCATION_1",11.8166, 122.0942],
		["LOCATION_2",11.9804, 121.9189],
		["LOCATION_3",10.7202,122.5621],
		["LOCATION_4",11.3889,122.6277],
		["LOCATION_5",10.5929,122.6325]
		];

        var map = L.map('map').setView([11.206051, 122.447886], 8);
        mapLink = 
            '<a href="http://openstreetmap.org">OpenStreetMap</a>';
        L.tileLayer(
            'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; ' + mapLink + ' Contributors',
            maxZoom: 18,
            }).addTo(map);

		for (var i = 0; i < locations.length; i++) {
			marker = new L.marker([locations[i][1],locations[i][2]])
				.bindPopup(locations[i][0])
				.addTo(map);
		}

#map {
  width: 600px;
  height: 400px;
}

<html>

<head>

  <title>Custom Icons Tutorial - Leaflet</title>

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />

  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
  <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>

</head>

<body>

  <div id='map'></div>




</body>

</html>

如何在leaflet.js中添加多个标记？

1 个答案: