离线地图解决方案：地图点线面绘制
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>
以上是关于离线地图解决方案：地图点线面绘制的主要内容，如果未能解决你的问题，请参考以下文章