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 drivingRoute = new G7SMap.DrivingRoute({
        onSearchComplete: function (result) {
            console.log(result);
        }
  	});
  
  	document.querySelector('.search').addEventListener('click', function () {
      	var startLng = document.querySelector('.start-lng-ipt').value;
        var startLat = document.querySelector('.start-lat-ipt').value;
      	var endLng = document.querySelector('.end-lng-ipt').value;
        var endLat = document.querySelector('.end-lat-ipt').value;

        if (startLng != '' && startLat != '' && endLng != '' && endLat != '') {
          	var startPoint = new G7SMap.Point(startLng, startLat);
          	var endPoint = new G7SMap.Point(endLng, endLat);
          
            drivingRoute.search(startPoint, endPoint);
        } else {
            alert('请输入值！');
        }
    });
});

<div id="map" class="map"></div>
<div style="margin-top: 10px;">
    <input class="start-lng-ipt num-ipt" type="number" step="1" placeholder="起点经度" />
    <input class="start-lat-ipt num-ipt" type="number" step="1" placeholder="起点纬度" />
    <input class="end-lng-ipt num-ipt" type="number" step="1" placeholder="终点经度" />
    <input class="end-lat-ipt num-ipt" type="number" step="1" placeholder="终点纬度" />
    <button class="search">search</button>
</div>
<p class="result"></p>

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