console
G7SMap.init({
id: 'map',
key: {
'bmap': 'ebAmxZxmn8hHBm1anhEcTH8j',
'gmap': 'AIzaSyBdZt3pUFIFTWKlHqUA_m6GJo_V--k84KU'
}
}).then(function (map) {
G7SMap.loadPlugins(['drawTool'], function () {
var rectTool = new G7SMap.plugins.DrawTool('rectangle', {
complete: function (rect) {
console.info(rect);
}
});
var circleTool = new G7SMap.plugins.DrawTool('circle', {
complete: function (circle) {
console.info(circle);
}
});
var markerTool = new G7SMap.plugins.DrawTool('marker', {
complete: function (marker) {
console.info(marker);
}
});
var polylineTool = new G7SMap.plugins.DrawTool('polyline', {
complete: function (polyline) {
console.info(polyline);
}
});
var polygonTool = new G7SMap.plugins.DrawTool('polygon', {
complete: function (polygon) {
console.info(polygon);
}
});
document.querySelector('.draw-rect').addEventListener('click', function () {
rectTool.open();
});
document.querySelector('.draw-circle').addEventListener('click', function () {
circleTool.open();
});
document.querySelector('.draw-marker').addEventListener('click', function () {
markerTool.open();
});
document.querySelector('.draw-polyline').addEventListener('click', function () {
polylineTool.open();
});
document.querySelector('.draw-polygon').addEventListener('click', function () {
polygonTool.open();
});
});
});
<div id="map" class="map"></div>
<div>
<button class="draw-rect">画矩形</button>
<button class="draw-circle">画圆</button>
<button class="draw-marker">画marker</button>
<button class="draw-polyline">画线</button>
<button class="draw-polygon">画多边形</button>
</div>
.map {
max-width: 800px;
height: 500px;
}
.result {
color: #f60;
}