高德地图实现 多点连接 点上去提示信息

 

记录一下 

  getmap() {

               //初始化地图对象，加载地图

                 var  map  =  new  AMap. Map( "container", {resizeEnable:  true, mapStyle:  "amap://styles/darkblue"});

                 var  lnglats  = [

                    [ 116.368904,  39.923423],

                    [ 116.382122,  39.921176],

                    [ 116.387271,  39.922501],

                    [ 116.398258,  39.914600]

                ];

                 var  infoWindow  =  new  AMap. InfoWindow({offset:  new  AMap. Pixel( 0,  - 30)});

                 for ( var  i  =  0,  marker;  i  <  lnglats.length;  i ++) {

                     var  marker  =  new  AMap. Marker({

                        position:  lnglats[ i],

                        map:  map

                    });

                     marker. content  =  '我是第'  + ( i  +  1)  +  '个Marker';

                     marker. on( 'click',  markerClick);

                     marker. emit( 'click', {target:  marker});

                }

                 function  markerClick(e) {

                     infoWindow. setContent( e. target. content);

                     infoWindow. open( map,  e. target. getPosition());

                }

                  var  polyline  =  new  AMap. Polyline({

                    map:  map,

                    path:  lnglats,

                    strokeColor:  "#00A",   //线颜色

                    strokeOpacity:  1,      //线透明度

                    strokeWeight:  3,       //线宽

                    strokeStyle:  "solid"   //线样式

                });

                 map. setFitView();

        },

  }