天地图中覆盖物创建，删除及自定义信息弹窗(多边形)

1
2
3
4
5
6
7
8
9
10
11
12
  var points = [];
  points.push(new T.LngLat(116.41136, 39.97569));
  points.push(new T.LngLat(116.411794, 39.9068));
  points.push(new T.LngLat(116.32969, 39.92940));
  points.push(new T.LngLat(116.385438, 39.90610));
  //创建面对象
  var polygon = new T.Polygon(points,{
          color: "blue", weight: 3, opacity: 0.5, fillColor: "#FFFFFF", fillOpacity: 0.5,test:"测试"
  });
  //向地图上添加面
   map.addOverLay(polygon);

1
2
polygon.addEventListener("click", this.getinfo);

1
2
3
4
5
6
7
8
9
10
11
12
getinfo(e) {
      var that = this;
      var p = e.target;
      var lnglat = new T.LngLat(p.getCenter().lng, p.getCenter().lat);//获取点击多边形中心经纬度
      var infoWin = new T.InfoWindow();    //创建信息窗口对象
      var Content = e.target.options.test; //设置信息窗口要显示的内容，此处可使用html代码;现在显示的就是之前在polygon实例中添加的数据
      infoWin.setContent(Content);//信息窗口加入信息
      infoWin.setOffset(new T.Point(0, -30));//设置信息窗口边距，第一个决定X方向，第二个决定Y方向
      infoWin.setLngLat(lnglat);//设置信息窗口位置
      that.map.addOverLay(infoWin);//向地图上添加信息窗口
    },

1
2
3
4
 polygon.onRemove();//删除多边形
 polygon.show();//显示多边形
 polygon.hide();//隐藏多边形