SOURCE

G7SMap.init({
    id: 'map',
    key: {
        'bmap': 'ebAmxZxmn8hHBm1anhEcTH8j',
      	'gmap': 'AIzaSyBdZt3pUFIFTWKlHqUA_m6GJo_V--k84KU'
    },
  	center: [116.3702520000, 39.8890690000],
    zoom: 12
}).then(function (map) {
  	// map即为初始化完成的 G7SMap 地图实例对象
    
		var pointArr = [
      	new G7SMap.Point(116.4053580000, 39.8899270000),
      	new G7SMap.Point(116.4070110000, 39.8632930000),
      	new G7SMap.Point(116.4542980000, 39.8646230000),
      	new G7SMap.Point(116.4410570000, 39.8899970000)
    ];
		var polygon = new G7SMap.Polygon(pointArr);
  	var editable = true;
  
  	document.querySelector('.add-polygon').addEventListener('click', function () {
      	map.addOverlay(polygon);
    });
  
  	document.querySelector('.remove-polygon').addEventListener('click', function () {
        map.removeOverlay(polygon);
    });
  
  	document.querySelector('.show-polygon').addEventListener('click', function () {
      	polygon.show();
    });
  
  	document.querySelector('.hide-polygon').addEventListener('click', function () {
        polygon.hide();
    });
  
  	document.querySelector('.get-options').addEventListener('click', function () {
        alert(JSON.stringify(polygon.getOptions()));
    });
  
  	document.querySelector('.set-options').addEventListener('click', function () {
        polygon.setOptions({
          	strokeColor: '#276D2A',
          	fillColor: '#276D2A',
          	strokeWeight: 2,
          	strokeOpacity: 1,
          	fillOpacity: 0.5,
          	strokeStyle: 'dashed'
        });
    });
  
  	document.querySelector('.get-path').addEventListener('click', function () {
        alert(JSON.stringify(polygon.getPath()));
    });
  
  	document.querySelector('.set-path').addEventListener('click', function () {
        var pointArr = [
            new G7SMap.Point(116.4023580000, 39.8819270000),
            new G7SMap.Point(116.4020110000, 39.8612930000),
            new G7SMap.Point(116.4522980000, 39.8616230000),
            new G7SMap.Point(116.4420570000, 39.8819970000)
        ];

        polygon.setPath(pointArr);
    });
  	document.querySelector('.set-editable').addEventListener('click', function () {
    		polygon.setEditable(editable);
      	editable = editable ? false : true;
    });
  
  	document.querySelector('.get-focus').addEventListener('click', function () {
        alert(JSON.stringify(polygon.getFocus()));
    });
  
  	document.querySelector('.get-bounds').addEventListener('click', function () {
        alert(JSON.stringify(polygon.getBounds()));
    });
  
  	document.querySelector('.is-has').addEventListener('click', function () {
      	var point = new G7SMap.Point(116.4123580000, 39.8819270000);
      
        alert(polygon.isContainsPoint(point));
    });
});

<div id="map" class="map"></div>
<div>
  <button class="add-polygon">添加polygon</button>
  <button class="remove-polygon">移除polygon</button>
  <button class="show-polygon">显示polygon</button>
  <button class="hide-polygon">隐藏polygon</button>
</div>
<div style="margin-top: 10px;">
  <button class="get-options">getOptions</button>
  <button class="set-options">setOptions</button>
  <button class="get-path">getPath</button>
  <button class="set-path">setPath</button>
  <button class="set-editable">setEditable</button>
  <button class="get-focus">getFocus</button>
  <button class="get-bounds">getBounds</button>
  <button class="is-has">isContainsPoint</button>
</div>

.map {
  max-width: 800px;
  height: 500px;
}
.result {
  color: #f60;
}