`
lengrenhanbing
  • 浏览: 47895 次
  • 性别: Icon_minigender_1
  • 来自: 泰安
社区版块
存档分类
最新评论

使用Google map 绘制折线

 
阅读更多

Polyline 就是在地图上绘制的一系列直线段线,折线将一系列坐标指定为 LatLng 对象的数组。

可调用 PolylinegetPath() ,它会传回 MVCArray 类型的数组,包含点的坐标值。绘制折线的时候使用push方法将点的坐标添加进数组中。

function drawPolygonLine(){
	var polyOptions = {
          strokeColor: '#000000',
          strokeOpacity: 1.0,
          strokeWeight: 3
        };
    var poly = new google.maps.Polyline(polyOptions);
      poly.setMap(mapObj);
	google.maps.event.addListener(mapObj, 'click', function(event){
	      var path = poly.getPath(); 
              path.push(event.latLng); 
	       var marker = new google.maps.Marker({
		        position: event.latLng,
			title: '#' + path.getLength(),
			map: mapObj 
		}); 
	});
}  
  • 大小: 30.5 KB
分享到:
评论

相关推荐

    googleMap折线示例

    ### Google Maps API:绘制折线图示例解析 #### 一、引言 在Web开发领域,特别是地理信息系统(GIS)应用中,Google Maps API是一个非常强大的工具,它允许开发者在网页上集成交互式地图。其中,绘制路径或折线是...

    谷歌地图Google Map API V3中文开发文档

    Polyline 和 Polygon 是谷歌地图 Google Map API V3 中两个重要的组件,用于在地图上绘制折线和多边形。开发者可以使用 Polyline 对象和 Polygon 对象来创建一个新的折线和多边形,分别用于表示路线和区域等。 五、...

    googlemap折线标记路径

    本教程将聚焦于如何在Android应用中使用Google Maps API来绘制折线标记路径。 首先,你需要在你的Android项目中添加Google Play Services库,这是使用Google Maps API的前提。在`build.gradle`文件中,添加以下依赖...

    GoogleMap谷歌地图demo

    GoogleMap API提供了一系列接口,如地图视图、标记(Markers)、信息窗口(InfoWindows)、折线(Polylines)和多边形(Polygons)等,用于显示地理位置、添加标注、绘制路径等。此外,API还支持地理编码(Geocoding...

    GoogleMap控件下载

    GoogleMap控件是一个用于集成谷歌地图功能到应用程序中的开源组件,尤其在Web开发中被广泛使用。它允许开发者在自己的应用界面中嵌入实时、交互式的地图服务,提供定位、导航、地理编码、路径规划等多种功能。通过这...

    Android-ExtraMapUtils一个Android库实现更方便在Google地图上标记绘制多边形和折线

    googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL); // 创建多边形 List<LatLng> polygonCoordinates = ...; // 从数据源获取 MapPolygon polygon = ExtraMapUtils.createPolygon(mapView, polygonOptions); // ...

    在ASP.NET中使用Google Map

    <br> <br>使用Google Maps Control绘制折线 <br> <br>1.首先,添加该折线的各个端点。代码如下: <br> GooglePoint GP1 = new GooglePoint(); GP1.ID = "GP1"; GP1.Latitude = 31.19; //...

    google map api v3源码

    6. **路径绘制与覆盖物**: API还支持绘制多边形、折线、圆等图形,以及自定义覆盖物。 7. **地图类型控制**: 用户可以自由切换地图显示类型,如卫星图、地形图、混合图等。 8. **交互式控制**: 添加缩放控件、比例...

    google Map开发

    通过`GoogleMap`对象,我们可以设置地图的类型(如卫星、地形或普通视图)、添加标记、绘制折线和多边形、实现地图的缩放和平移等操作。此外,还可以利用`LocationServices`来获取设备的位置信息,为用户提供导航...

    google map研究要点.doc

    2. 折线(Polyline):GPolyline类用于绘制地图上的线条,表示一系列点的集合。这可以用来描绘路径或边界。 3. 多边形(Polygon)和底面叠加层(Ground overlay):多边形用于表示封闭区域,可以是任意形状。底面...

    Google Map V3 API

    5. **折线(Polylines)和多边形(Polygons)**:用于绘制路径或区域,可用于路线规划、地理围栏等功能。 6. **地图类型**:支持卫星、地形、道路等不同视图,并可以自定义地图风格。 7. **地理编码(Geocoding)**:将...

    googleMap V3 中文API

    - 包括多边形、圆、折线等,用于在地图上绘制复杂形状。例如,`google.maps.Polygon`用于绘制多边形,`google.maps.Circle`用于绘制圆。 7. **事件处理**: - 使用`google.maps.event.addDomListener`或`google....

    GoogleMap_gmaps_

    这个“GoogleMap_gmaps_”压缩包可能包含了使用谷歌地图API的基本文件和资源,让我们来深入探讨一下谷歌地图API的核心知识点。 首先,`gmaps`标签暗示了这是一个关于谷歌地图JavaScript API的项目。谷歌地图...

    MapDrawingTools:此库在Google Map中绘制多边形,折线和点,并将坐标返回到您的App

    MapDrawingTools是一个Android库,用于在Google Map中手动绘制多边形,折线和点,并将坐标从库返回到您的App。 该库对于选择多点或绘制土地边界以从用户获取数据的应用程序很有用。 项目设置和依赖项 JDK 8 ...

    iphone上google map源代码

    总之,这个"iphone上google map源代码"示例项目将帮助开发者深入理解如何在iOS应用中集成和定制Google Maps的功能,为用户提供丰富的地图体验。通过学习和研究这个项目,开发者可以掌握Google Maps SDK的基本用法,...

    Google_Map_Api_谷歌地图接口整理

    - `GPolyline`:折线类,用于绘制多边形或路线。 - `GLatLng`:经纬度类,表示地图上的地理位置。 - `GEvent`:命名空间,提供事件处理功能。 - `GPoint`:坐标类,用于表示屏幕坐标。 - `GSize`:控件大小类,定义...

    C#开发中谷歌地图调用

    4. **GPolyline**: 折线类,用于绘制多边形路径。 5. **GLatLng**: 经纬度类,表示地图上的位置坐标。 6. **GEvent**: 命名空间,提供事件处理功能。 7. **GPoint**: 坐标类,用于像素级别的坐标。 8. **GSize**: ...

    GoogleMap应用开发与讲解

    除了标记,还有折线(Polyline)和多边形(Polygon)可以用于绘制路径或区域。`PolylineOptions`和`PolygonOptions`提供了相应的设置方法,比如颜色、宽度、透明度等,通过`addPolyline()`和`addPolygon()`方法添加...

    googlemap js v3 gmap

    在“chapter5”中,开发者可能会学习到如何绘制形状,如多边形、圆圈和折线,这在表示区域或路径时非常有用。同时,章节可能也会讲解如何使用KML和GeoJSON数据格式来加载外部地理数据。 “chapter8”可能专注于地图...

Global site tag (gtag.js) - Google Analytics