要使整个折线在Google地图上可见,可以按照以下步骤进行操作:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
请将YOUR_API_KEY替换为您在第一步中生成的API密钥。
<div id="map"></div>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: YOUR_LATITUDE, lng: YOUR_LONGITUDE},
zoom: YOUR_ZOOM_LEVEL
});
}
请将YOUR_LATITUDE和YOUR_LONGITUDE替换为地图的中心点的纬度和经度坐标,将YOUR_ZOOM_LEVEL替换为所需的缩放级别。
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: YOUR_LATITUDE, lng: YOUR_LONGITUDE},
zoom: YOUR_ZOOM_LEVEL
});
var lineCoordinates = [
{lat: LATITUDE_1, lng: LONGITUDE_1},
{lat: LATITUDE_2, lng: LONGITUDE_2},
// 添加更多坐标点...
];
var line = new google.maps.Polyline({
path: lineCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
line.setMap(map);
}
请将LATITUDE_1、LONGITUDE_1、LATITUDE_2、LONGITUDE_2等替换为折线上各个点的纬度和经度坐标。
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: YOUR_LATITUDE, lng: YOUR_LONGITUDE},
zoom: YOUR_ZOOM_LEVEL
});
var lineCoordinates = [
{lat: LATITUDE_1, lng: LONGITUDE_1},
{lat: LATITUDE_2, lng: LONGITUDE_2},
// 添加更多坐标点...
];
var line = new google.maps.Polyline({
path: lineCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
line.setMap(map);
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < lineCoordinates.length; i++) {
bounds.extend(lineCoordinates[i]);
}
map.fitBounds(bounds);
}
通过以上步骤,您可以在Google地图上使整个折线可见。请注意,以上代码仅为示例,您需要根据实际情况替换相应的坐标和参数。
领取专属 10元无门槛券
手把手带您无忧上云