@Imports ThinkGeo.MapSuite.Core
@Imports ThinkGeo.MapSuite.MvcEdition
@ModelType ThinkGeo.MapSuite.MvcEdition.Map
    
@Code
    ViewData("Title") = "Index"
End Code

<script language="javascript" type="text/javascript">
    function saveMap() {
        var features = Map1.getEditFeaturesInJson();
        Map1.ajaxCallAction('@ViewContext.RouteData.Values("Controller").ToString()', "SaveMap", { editFeatures: features }, function callback() {
            Map1.clearEditingFeatures();
            Map1.setDrawMode("Normal");
            alert("Save successfully")
        });
    }

    function mapClickToEdit(e) {
        var params = { x: e.worldXY.lon, y: e.worldXY.lat };

        Map1.ajaxCallAction('@ViewContext.RouteData.Values("Controller").ToString()', "EditShape", params, editShapeCallback);
    }

    function editShapeCallback(result) {
        var features = Map1.getFeaturesFromJson(result.get_responseData());

        var editOverlay = Map1.getEditOverlay();
        editOverlay.addFeatures(features);

        Map1.getDynamicOverlay().redraw(true);
        Map1.setDrawMode("Modify");
    }
</script>
<div style="height: 600px; width: 800px;">
    @Code
        Html.ThinkGeo().Map(Model).OnClientClick("mapClickToEdit").Render()
    End Code
</div>