如何在谷歌地图上画线
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在谷歌地图上画线相关的知识，希望对你有一定的参考价值。
参考技术A 问题一：如何在谷歌地球上绘制路线 打开谷歌地球，点击“添加”，选择“路径”，这时会弹出路线属性框俯在属性框里定义路线名称、线条颜色和宽度等。定义后，把属性框移到一边，不要关闭。点击起点，然后按住鼠标左键不放，顺路线滑动，一条路线就显示在你面前。也可以在路线上连续点击左键，形成路线。点击右键一次，可以删除路线的最后一节。路线确认画好后，点击属性框的“确定”，你的路线就会作为一个文件保存在侧栏的“临时位置”下。问题二：谷歌地图怎么在地图上画线 百度地图可以划线测距也有两地之间的自动连接线。谷歌地图可以下载后用自己的电脑画图工具画上线条重新保存即可。
问题三：如何在google earth 画线 请教各位GG如何在Google Earth Pro上做标记和画线，小弟在这里谢谢了！ ...GOOGLE 提供了多个功能，可以再菜单栏 工具中找到 可以选择添加 点、线、面...
问题四：谷歌地图怎么在地图上画线 下载地图后在电脑上用画图工具自己画，然后保存就是带线条的图片了。用百度地图输入两地名称有自动显示的线路距离，如有多种线路分方案1、2、3，都有线条显示，就不用自己画了，很方便又省事。
问题五：如何在谷歌地图上画线 请教各位GG如何在Google Earth Pro上做标记和画线，小弟在这里谢谢了！ ...GOOGLE 提供了多个功能，可以再菜单栏 工具中找到 可以选择添加 点、线、面...
问题六：如何在google earth上画线 请教各位GG如何在Google Earth Pro上做标记和画线，小弟在这里谢谢了！ ...GOOGLE 提供了多个功能，可以再菜单栏 工具中找到 可以选择添加 点、线、面...
问题七：怎样在谷歌地球上画线路图 标尺-路径
问题八：怎么在谷歌地图上画直线来连接几个城市，并显示距离？ 在谷歌地球上用“添加路径”工具，图中红框
问题九：怎么把google地图上自己画的线去掉? 添加和编辑线条
要向您的地图添加线条，请执行以下操作：
1.创建或打开一张地图。
2.点击 ，然后在下拉菜单中选择画线。光标显示为：
3.将光标移动到相应的位置，点击并开始画线。如果您想取消画线，请按 ESC 键。
4.在线条的各端点处点击鼠标按键。
5.双击最后一个端点可结束画线。
6.添加标题和说明。
7.点击信息窗口右上角的颜色样本，可以更改线条的颜色、透明度和宽度，也可以将线条设置为自动对齐道路或不对齐道路。
8.点击确定保存您的线条。
要编辑线条，请执行以下操作：
1.点击左侧面板中的编辑。
2.要移动地图上的线条，请将鼠标放在线条上，以显示线条的端点。点击并拖动端点进行移动。
3.要删除线条的一个端点，请右键点击该端点，然后从上下文菜单中选择删除。
4.要向线条添加端点，您既可以点击其中一个半透明端点，也可以右键点击线条，然后从上下文菜单中选择添加端点。
5.要编辑线条的标题或说明，请点击该线条，打开信息窗口。编辑标题和说明，然后点击确定。
6.完成之后，点击左侧面板中的完成。
添加和编辑图形
要向您的地图添加图形，请执行以下操骇：
1.创建或打开一张地图。
2.点击 ，然后从下拉菜单中选择画图形。光标显示为：
3.将光标移动到相应的位置，点击并开始绘制图形。如果您想取消绘制图形，请按 ESC 键。
4.在图形的各端点处点击鼠标按键。
5.双击最后一个端点或点击起点，结束绘制图形。
6.添加标题和说明。
7.点击信息窗口右上角的颜色样本，可以更改图形的颜色和透明度。
8.点击确定保存您的图形。
要编辑图形，请执行以下操作：
1.点击左侧面板中的编辑。
2.要移动地图上的图形，请将鼠标放在图形上，以显示端点。点击并拖动端点进行移动。
3.要删除图形的端点，请右键点击该端点，然后在上下文菜单中选择删除。
4.要向图形添加端点，您既可以点击其中一个半透明端点，也可以右键点击图形，然后从上下文菜单中选择添加端点。
5.要编辑图形的标题或说明，请点击该图形，打开信息窗口。编辑标题和说明，然后点击确定。
6.完成之后，点击左侧面板中的完成。
从搜索结果中添加地点
您可以搜索地址和商户，然后将搜索结果中的内容保存到您的地图中。要实现此功能，请执行以下操作：
1.创建或打开一张地图。
2.搜索您要添加的商户或地址。结果将显示在搜索结果标签中。
3.点击您要保存的内容。在信息窗口中点击保存到我的地图。此操作会将搜索结果复制到您的地图，并显示为地标。
4.如果需要，可以编辑标题或说明。
5.点击确定保存您的地标。
问题十：在Google Earth地图上怎样划线 软件？“添加路径”功能能满足你不？
网页？好像没有这功能……
使用Javascript在谷歌地图上的多个标记之间画线
【中文标题】使用Javascript在谷歌地图上的多个标记之间画线【英文标题】：Draw Lines between Multiple markers on Google Map using Java Script 【发布时间】：2019-01-19 20:30:38 【问题描述】：我正在尝试在 Google 地图上的多个标记之间画线。多个标记的绘图是成功的，但是我无法绘制多条线。
我试过下面的代码，它只画了一行：
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&callback=map_init"></script>
<script type="text/javascript">
function InitializeMap()
var ltlng = [];
ltlng.push(new google.maps.LatLng(17.22, 78.28));
ltlng.push(new google.maps.LatLng(13.5, 79.2));
ltlng.push(new google.maps.LatLng(15.24, 77.16));
// var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions =
zoom: 8,
//center: latlng,
center: ltlng[0],
mapTypeId: google.maps.MapTypeId.ROADMAP
;
var map = new google.maps.Map(document.getElementById("map"), myOptions);
for (var i = 0; i < ltlng.length; i++)
var marker = new google.maps.Marker
(
// position: new google.maps.LatLng(-34.397, 150.644),
position: ltlng[i],
map: map,
title: 'Click me'
);
//***********ROUTING****************//
//Intialize the Path Array
var path = new google.maps.MVCArray();
//Intialize the Direction Service
var service = new google.maps.DirectionsService();
//Set the Path Stroke Color
var poly = new google.maps.Polyline( map: map, strokeColor: '#4986E7' );
//Loop and Draw Path Route between the Points on MAP
for (var i = 0; i < ltlng.length; i++)
if ((i + 1) < ltlng.length)
var src = ltlng[i];
var des = ltlng[i + 1];
path.push(src);
poly.setPath(path);
service.route(
origin: src,
destination: des,
travelMode: google.maps.DirectionsTravelMode.DRIVING
, function (result, status)
if (status == google.maps.DirectionsStatus.OK)
for (var i = 0, len = result.routes[0].overview_path.length; i < len; i++)
path.push(result.routes[0].overview_path[i]);
);
window.onload = InitializeMap;
</script>
<h2>Creating Your First Google Map Demo:</h2>
<div id="map" style="width: 800px; top: 68px; left: 172px; position: absolute; height: 500px">
</div>
以下是地图截图：
如何在多个点之间画线？
请帮忙
谢谢
【问题讨论】：
将所有标记推入一个数组并使用它来绘制线条。有关向数组添加标记，请参阅 this tutorial。 @VDWWD 在数组中添加标记后，如何在它们之间画线？ developers.google.com/maps/documentation/javascript/examples/… @VDWWD 工作谢谢 :) @VDWWD 请将此添加为答案，以便我将其标记为答案 【参考方案1】：谷歌有一些excellent samples available。但基本上你必须跟踪数组中的标记和/或坐标，以便它们可以用于线路径或稍后删除。
var map = [];
var markers = [];
var coords = [];
function initMap()
//initialze the map here
// Adds a marker to the map and push to the array.
function addMarker(location)
var marker = new google.maps.Marker(
position: location,
map: map
);
//push to array
markers.push(marker);
coords.push(location);
一旦标记在数组中，您就可以使用该数组绘制一条线。
var line= new google.maps.Polyline(
path: coords,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
);
line.setMap(map);
【讨论】：
【参考方案2】：以下代码对我有用：
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&callback=map_init"></script>
<script type="text/javascript">
function InitializeMap()
var ltlng = [];
ltlng.push(new google.maps.LatLng(17.22, 78.28));
ltlng.push(new google.maps.LatLng(13.5, 79.2));
ltlng.push(new google.maps.LatLng(15.24, 77.16));
var myOptions =
zoom: 15,
//center: latlng,
center: ltlng[0],
mapTypeId: google.maps.MapTypeId.ROADMAP
;
var map = new google.maps.Map(document.getElementById("map"), myOptions);
for (var i = 0; i < ltlng.length; i++)
var marker = new google.maps.Marker
(
// position: new google.maps.LatLng(-34.397, 150.644),
position: ltlng[i],
map: map,
title: 'Click me'
);
//***********ROUTING****************//
//Intialize the Path Array
var path = new google.maps.MVCArray();
//Intialize the Direction Service
var service = new google.maps.DirectionsService();
var flightPath = new google.maps.Polyline(
path: ltlng,
geodesic: true,
strokeColor: '#4986E7',
strokeOpacity: 1.0,
strokeWeight: 2
);
flightPath.setMap(map);
window.onload = InitializeMap;
</script>
<h2>Creating Your First Google Map Demo:</h2>
<div id="map" style="width: 800px; top: 68px; left: 172px; position: absolute; height: 500px">
</div>
【讨论】：
嗨@Alina Anjum，你能分享删除警报消息的代码吗？以上是关于如何在谷歌地图上画线的主要内容，如果未能解决你的问题，请参考以下文章