当前位置: 首页 > wzjs >正文

网站开发可以当程序员新东方烹饪学校

网站开发可以当程序员,新东方烹饪学校,苏州新区网页设计培训,找网络公司做网站流程maptalks矩形绘制结束后,获取最大经度最大纬度,最小经度最小纬度,从左上角开始依次获取并展示坐标 重点 // 获取绘制的矩形图形对象const rectangle param.geometry;// 获取矩形外接矩形范围(西南角/东北角坐标)cons…

maptalks矩形绘制结束后,获取最大经度最大纬度,最小经度最小纬度,从左上角开始依次获取并展示坐标

重点

 // 获取绘制的矩形图形对象const rectangle = param.geometry;// 获取矩形外接矩形范围(西南角/东北角坐标)const extent = rectangle.getExtent();console.log('西北角(左上):', extent.xmin, extent.ymax)console.log('东北角(右上):', extent.xmax, extent.ymax);console.log('东南角(右下):', extent.xmax, extent.ymin)console.log('西南角(左下):', extent.xmin, extent.ymin);

全部代码

<!DOCTYPE html>
<html>
<meta charset='UTF-8' />
<meta name='viewport' content='width=device-width, initial-scale=1' />
<title>交互 - 绘制工具</title>
<style type='text/css'>html,body {margin: 0px;height: 100%;width: 100%;}.container {width: 100%;height: 100%;}
</style>
<link rel='stylesheet' href='https://maptalks.com/api/maptalks-gl.css' />
<script type='text/javascript' src='https://maptalks.com/api/maptalks-gl.js'></script><body><div id="map" class="container"></div><script>const map = new maptalks.Map("map", {center: [113.049, 51.498568],zoom: 8,baseLayer: new maptalks.TileLayer("base", {urlTemplate: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",subdomains: ["a", "b", "c", "d"],attribution: "&copy; <a href='http://osm.org'>OpenStreetMap</a> contributors, &copy; <a href='https://carto.com/'>CARTO</a>",}),});const layer = new maptalks.VectorLayer("vector").addTo(map);const drawTool = new maptalks.DrawTool({mode: "Point",}).addTo(map).disable();drawTool.on("drawend", function (param) {console.info(param.geometry);console.log(param.geometry.getCoordinates());// 获取绘制的矩形图形对象const rectangle = param.geometry;// 获取矩形外接矩形范围(西南角/东北角坐标)const extent = rectangle.getExtent();console.log('西北角(左上):', extent.xmin, extent.ymax)console.log('东北角(右上):', extent.xmax, extent.ymax);console.log('东南角(右下):', extent.xmax, extent.ymin)console.log('西南角(左下):', extent.xmin, extent.ymin);// console.log('西南角:', extent.xmin, extent.ymin);// console.log('东北角:', extent.xmax, extent.ymax);// console.log('西北角:', extent.xmin, extent.ymax)// console.log('东南角:', extent.xmax, extent.ymin)layer.addGeometry(param.geometry);});const items = ["Point","LineString","Polygon","Circle","Ellipse","Rectangle","FreeHandLineString","FreeHandPolygon",].map(function (value) {return {item: value,click: function () {drawTool.setMode(value).enable();},};});const toolbar = new maptalks.control.Toolbar({items: [{item: "Shape",children: items,},{item: "Disable",click: function () {drawTool.disable();},},{item: "Clear",click: function () {layer.clear();},},],}).addTo(map);</script>
</body></html>
http://www.dtcms.com/wzjs/43065.html

相关文章:

  • 常见的网站名称有哪些沈阳企业网站seo公司
  • 扁平化企业网源码win8风格精简化源码asp带后台企业网站自己怎么做网址开网站
  • 电脑机箱定制网站百度客户电话
  • 建站之星 网站排名seo是什么意思广东话
  • Wordpress上传万网空间唐山百度seo公司
  • 深圳有哪些网站开发公司媒介平台
  • 武汉做网站网络公司百度竞价开户流程
  • 重庆定制网站开发价格西安网站维护
  • python做调查问卷网站网络营销产品策略分析
  • 网站建设类公司新闻推销产品怎么推广
  • 地方性资讯门户网站裂变营销五种模式十六种方法
  • 新闻网站传播力建设怎么在腾讯地图上添加自己的店铺
  • 部署自己做的网站吗十大经典案例
  • 个人网站怎么备案可以做哪些哈尔滨网站建设
  • wordpress进销存插件南昌seo
  • 广西省建设厅网站seo推广的常见目的有
  • 武汉便宜做网站360搜索推广官网
  • b站推广网站入口mmm网站开发的步骤
  • 深圳专业政府网站建设东莞seo搜索
  • 动态网站开发实训报告6如何分析百度指数
  • 网站开发总结与未来展望四川游戏seo整站优化
  • 安庆网站建设为中国旺旺(00151) 股吧
  • 佛山市做网站的公司武汉网络推广自然排名
  • 做网站需要招什么凡科小程序
  • 小米3g 架设wordpressseo网络营销推广公司
  • 最新网站建设视频成都黑帽seo
  • 租房子网站怎么做百度官方客户端
  • 快速注销网站备案产品推广计划方案
  • wordpress 代码运行南昌seo搜索优化
  • 企业展厅设计公司西安seo外链推广