开发者社区> 问答> 正文

如何用javascript在google map中动态画线?

目前我有地理位置的数据,想通过javascript语言在map上自动画线,在加载地图之后点击画线按钮就能动态的画出轨迹。。

展开
收起
a123456678 2016-07-15 11:26:36 2031 0
1 条回答
写回答
取消 提交回答
  • var map;
    function initialize() {
        var myLatlng = new google.maps.LatLng(0,-180);
        var myOptions = {
          zoom: 3,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP       
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        var flightPlanCoordinates = [
                                     new google.maps.LatLng(37.772323, -122.214897),
                                     new google.maps.LatLng(28.213356,112.977046),
                                     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,
                                     strokeColor: "#FF0000",
                                     strokeOpacity: 1.0,
                                     strokeWeight: 2
                                   });
    
                                   flightPath.setMap(map);
                                 }

    这个是画线的代码···你加了事件监听就OK了···

    2019-07-17 19:56:48
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载