离线地图解决方案:地图点线面绘制

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了离线地图解决方案:地图点线面绘制相关的知识,希望对你有一定的参考价值。

使用鼠标,在地图上添加点、线、面,并获取所添加地物的坐标信息。

效果如下:

技术分享

地图绘制后获取坐标:

技术分享

代码:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>地图编辑示例</title>

    <link rel="stylesheet" href="plugin/ol3/css/ol.css" type="text/css" />

    <style type="text/css">

        body, #div_gis {

            border: 0px;

            margin: 0px;

            padding: 0px;

            width: 100%;

            height: 100%;

            font-size: 13px;

        }

    </style>

    <script type="text/javascript" src="plugin/ol3/build/ol-debug.js"></script>

    <script type="text/javascript" src="js/Config.js"></script>

    <script type="text/javascript" src="js/PrivateFunction.js"></script>

</head>

<body>

    <input type="button" value="画点" onclick="SetMapDrawState(‘Point‘)" />

    <input type="button" value="画线" onclick="SetMapDrawState(‘LineString‘)" />

    <input type="button" value="画矩形" onclick="SetMapDrawState(‘Box‘)" />

    <input type="button" value="画多边形" onclick="SetMapDrawState(‘Polygon‘)" />

    <input type="button" value="画圆" onclick="SetMapDrawState(‘Circle‘)" />

    <div id="div_gis">

 

    </div>

 

</body>

</html>

<script type="text/javascript">

    LoadTiandituTileMap(0, ‘div_gis‘, 1, 11, 8, 103.964571, 30.245677);

    CreateVectorLayer();

</script>


本文出自 “开源GIS离线地图” 博客,请务必保留此出处http://cdguiyi.blog.51cto.com/4275617/1916254

以上是关于离线地图解决方案:地图点线面绘制的主要内容,如果未能解决你的问题,请参考以下文章

[转]利用matlab绘制地图上的点线面

用C#代码写,ArcEngine开发,在加载的地图上绘制多边形后,导出绘制区域内的所有矢量要素(点线面)

cesium 学习 基础绘制(点线面)

点线面如何标绘在地图上

如何在百度地图上删除自定义的点线面

arcgis for android(10.2.9)- 点线面绘制前奏