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 point = new G7SMap.Point(116.3738450000, 39.8497120000);
		var cus = new G7SMap.CustomOverlay(point, '<div class="cus">我是一个CustomOverlay</div>');
  
  	document.querySelector('.add-cus').addEventListener('click', function () {
      	map.addOverlay(cus);
    });
  
  	document.querySelector('.remove-cus').addEventListener('click', function () {
       map.removeOverlay(cus);
    });
  
  	document.querySelector('.show-cus').addEventListener('click', function () {
      	cus.show();
    });
  
  	document.querySelector('.hide-cus').addEventListener('click', function () {
        cus.hide();
    });
  
  	document.querySelector('.set-content').addEventListener('click', function () {
        cus.setContent('<div class="cus">我是改变的CustomOverlay</div>');
    });
  
  	document.querySelector('.set-pos').addEventListener('click', function () {
      	var point = new G7SMap.Point(116.3738450000, 39.8597120000);
      
      	cus.setPosition(point);
    });
  
  	document.querySelector('.get-dom').addEventListener('click', function () {
				console.info(cus.getDom());      
    });
});

<div id="map" class="map"></div>
<div>
  <button class="add-cus">添加cus</button>
  <button class="remove-cus">移除cus</button>
  <button class="show-cus">显示cus</button>
  <button class="hide-cus">隐藏cus</button>
</div>
<div style="margin-top: 10px;">
  <button class="set-content">setContent</button>
  <button class="set-pos">setPosition</button>
  <button class="get-dom">getDom</button>
</div>

.map {
  max-width: 800px;
  height: 500px;
}
.cus {
  color: #f60;;
  white-space: nowrap;
  padding: 10px;
  border: 2px solid #f60;
}