zoukankan      html  css  js  c++  java
  • 使用Google Maps API 在地图上添加线和删除线

    加载地图
    function load()
    {
     //用于检测当前浏览器是否支持Google Maps
     if (GBrowserIsCompatible())
            {
      map = new GMap2(getObject('map'));         
      //给地图添加内置的控件 
        
           map.addControl(new GMapTypeControl());
        
      // 平移及缩放控件(左上角)、
      map.addControl(new GLargeMapControl());
        
      //比例尺控件(左下角)、
      map.addControl(new GScaleControl());
        
      //缩略图控件(右下角)
      //map.addControl(new GOverviewMapControl());

      map.enableDoubleClickZoom();
      map.enableScrollWheelZoom();
        
      // 将视图移到深圳
      map.setCenter(new GLatLng(22.550000,114.030000),12);       
     }
    }

    添加线

    function addPolyline()

    var polyline = new GPolyline([new GLatLng(22.5500,114.0300),new GLatLng(22.5600, 114.0400),new GLatLng(22.5700, 114.0500)], "#FF0000", 3);
        map.addOverlay(polyline);

    }

    删除线

    function removePolyline()
    {
        map.clearOverlays()//removeOverlay();//or GMap2.clearOverlays();
       
    }

    添加线也可以使用以下方法:
    function addPolyline()
    {
    var points = [];
    points.push(new GLatLng(22.5500,114.0300));
    points.push(new GLatLng(22.5600,114.0400));
    points.push(new GLatLng(22.5700,114.0500));
    points.push(new GLatLng(22.5800,114.0600));
    points.push(new GLatLng(22.5900,114.0700));

    var polyline = new GPolyline(points, "#FF0000", 3);
    map.addOverlay(polyline);
    }

  • 相关阅读:
    前端面试题汇总
    前端学习计划汇总
    idea修改项目名导致无法找到主类
    idea run dashbord使用
    记git提交异常
    关于META-INF下的spring.factories文件
    lombok注解
    springcloud-ribbon&feign
    CAP定理
    git文件锁定不更新和忽略
  • 原文地址:https://www.cnblogs.com/aaa6818162/p/1939187.html
Copyright © 2011-2022 走看看