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 localSearch = new G7SMap.LocalSearch({
      	onSearchComplete: function (result) {
          	console.info(result);
        }
    });
  
  	document.querySelector('.search').addEventListener('click', function () {
    		var keyword = document.querySelector('.keyword1').value;

        if (keyword != '') {
            localSearch.search(keyword);
        } else {
            alert('请输入值！');
        }
    });
  
  	document.querySelector('.search-in-bounds').addEventListener('click', function () {
    		var keyword = document.querySelector('.keyword2').value;
      	var swLng = document.querySelector('.sw-lng-ipt').value;
        var swLat = document.querySelector('.sw-lat-ipt').value;
      	var neLng = document.querySelector('.ne-lng-ipt').value;
        var neLat = document.querySelector('.ne-lat-ipt').value;

        if (keyword != '' && swLng != '' && swLat != '' && neLng != '' && neLat != '') {
          	var swPoint = new G7SMap.Point(swLng, swLat);
          	var nePoint = new G7SMap.Point(neLng, neLat);
          	var bounds = new G7SMap.Bounds(swPoint, nePoint);
          
            localSearch.searchInBounds(keyword, bounds);
        } else {
            alert('请输入值！');
        }
    });
  
  	document.querySelector('.search-nearby').addEventListener('click', function () {
    		var keyword = document.querySelector('.keyword3').value;
      	var lng = document.querySelector('.center-lng-ipt').value;
        var lat = document.querySelector('.center-lat-ipt').value;
      	var radius = document.querySelector('.radius').value;

        if (keyword != '' && lng != '' && lat != '' && radius != '') {
          	var center = new G7SMap.Point(lng, lat);
          
            localSearch.searchNearby(keyword, center, radius);
        } else {
            alert('请输入值！');
        }
    });
});

<div id="map" class="map"></div>
<div style="margin-top: 10px;">
    <input class="keyword1" type="text" placeholder="关键字" />
    <button class="search">search</button>
</div>
<div style="margin-top: 10px;">
    <input class="keyword2" type="text" placeholder="关键字" />
    <input class="sw-lng-ipt num-ipt" type="number" step="1" placeholder="西南点经度" />
    <input class="sw-lat-ipt num-ipt" type="number" step="1" placeholder="西南点纬度" />
    <input class="ne-lng-ipt num-ipt" type="number" step="1" placeholder="东北点经度" />
    <input class="ne-lat-ipt num-ipt" type="number" step="1" placeholder="东北点纬度" />
    <button class="search-in-bounds">searchInBounds</button>
</div>
<div style="margin-top: 10px;">
    <input class="keyword3" type="text" placeholder="关键字" />
    <input class="center-lng-ipt num-ipt" type="number" step="1" placeholder="中心点经度" />
    <input class="center-lat-ipt num-ipt" type="number" step="1" placeholder="中心点纬度" />
    <input class="radius num-ipt" type="number" step="1" placeholder="半径" />
    <button class="search-nearby">searchNearby</button>
</div>
<p class="result"></p>

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