-1
A
回答
0
您可以嘗試搜索 '折線',檢查
https://developers.google.com/maps/documentation/javascript/examples/polyline-simple
並嘗試從簡單的折線那麼複雜的折線開始。
只是一個例子
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Simple Polylines</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
// This example creates a 2-pixel-wide red polyline showing
// the path of William Kingsford Smith's first trans-Pacific flight between
// Oakland, CA, and Brisbane, Australia.
function initialize() {
var mapOptions = {
zoom: 3,
center: new google.maps.LatLng(0, -180),
mapTypeId: google.maps.MapTypeId.TERRAIN
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var flightPlanCoordinates = [
new google.maps.LatLng(37.772323, -122.214897),
new google.maps.LatLng(21.291982, -157.821856),
new google.maps.LatLng(-18.142599, 178.431),
new google.maps.LatLng(-27.46758, 153.027892)
];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
相關問題
- 1. 谷歌地圖路徑
- 2. 如何給路徑文件顯示谷歌地圖中的路徑?
- 3. 使用谷歌地圖構建路徑
- 4. 如何顯示谷歌地圖上的路徑和距離 - Xamarin
- 5. 谷歌API路徑不顯示
- 6. IOS:使用谷歌地圖繪製最佳路線路徑
- 7. 谷歌地圖上的駕駛路徑
- 8. 谷歌地圖上的精確路徑
- 9. 谷歌地圖api:折線路徑
- 10. 谷歌地圖:繪製優化路徑
- 11. 谷歌地圖api並行路徑線
- 12. 谷歌地圖。找到最短路徑
- 13. 谷歌地圖如何識別道路(路徑)?
- 14. 谷歌地圖顯示自定義路徑
- 15. 谷歌地圖Waypoints不顯示整個路徑
- 16. 在json數據谷歌地圖上顯示路徑
- 17. 如何從谷歌地圖使用jquery刪除特定路徑
- 18. 如何在谷歌地圖中顯示兩個標記之間的路徑
- 19. Javascript谷歌地球路徑編輯器
- 20. 安卓谷歌地圖交替路線和最短路徑
- 21. 谷歌地圖上畫出兩條不同的路徑與PHP
- 22. 使用d3.js和谷歌地圖的多個路徑API
- 23. 在谷歌地圖覆蓋中使用d3繪製路徑
- 24. 繪製在谷歌地圖MapView的一個路徑使用JSON
- 25. 如何使用Swift打開谷歌地圖以顯示路線
- 26. Firefox:如何使用相對路徑顯示本地圖像
- 27. 如何移除谷歌地圖方向路徑?
- 28. 如何跟蹤谷歌地圖上的路徑?
- 29. 如何在android地圖中顯示接近路徑路徑的標記?
- 30. 谷歌地圖不顯示路線