CN112464307A - 一种找房工具的纸质地图导出方法 - Google Patents

一种找房工具的纸质地图导出方法 Download PDF

Info

Publication number
CN112464307A
CN112464307A CN202011106347.6A CN202011106347A CN112464307A CN 112464307 A CN112464307 A CN 112464307A CN 202011106347 A CN202011106347 A CN 202011106347A CN 112464307 A CN112464307 A CN 112464307A
Authority
CN
China
Prior art keywords
map
covering
finding tool
creating
latitude
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202011106347.6A
Other languages
English (en)
Inventor
支达利
薛帅
谢嘉欣
王帅雪
闫士敬
罗海斌
王鹏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Juli Science and Technology Co Ltd
Original Assignee
Beijing Juli Science and Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Juli Science and Technology Co Ltd filed Critical Beijing Juli Science and Technology Co Ltd
Priority to CN202011106347.6A priority Critical patent/CN112464307A/zh
Publication of CN112464307A publication Critical patent/CN112464307A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00—Computer-aided design [CAD]
    • G06F30/10—Geometric CAD
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/29—Geographical information databases
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Geometry (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Mathematical Analysis (AREA)
  • Evolutionary Computation (AREA)
  • Computer Hardware Design (AREA)
  • Pure & Applied Mathematics (AREA)
  • Remote Sensing (AREA)
  • Data Mining & Analysis (AREA)
  • Mathematical Optimization (AREA)
  • Computational Mathematics (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明公开了一种找房工具的纸质地图导出方法，包括如下步骤：S1换算地图指定层级下边界最大尺寸；S2加载地图和导出地图；S3覆盖物拖拽；S4定位覆盖物。本发明根据区域和层级换算范围边界，导出地图最大瓶颈处理，进行向下递归直到导出为止，地图上追加覆盖物拖拽事件，正确显示拖拽物标记点。

Description

一种找房工具的纸质地图导出方法
技术领域
本发明涉及找房工具技术领域，尤其涉及一种找房工具的纸质地图导出方法。
背景技术
纸质地图——字母意思理解为在纸质上可以看得到地理位置图，所以这个项目实现功能点也是把一个城市一个地方可单独导出成一张图片，即可打印出所谓的纸质。
实现功能为在导出这个城市之前，可以前期在地图上进行一些数据任意拖拽标注，标记，以便于帮助咨询师主管在给内部咨询师讲解当前所在城市现有的楼盘，及楼盘区域具体位置，以便于咨询师快速的了解所在城市的房源信息。然而，该功能不能根据区域换算出地图指定层级下边界像素，不能实现地图标记覆盖物拖拽功能，不能定位覆盖物具体位置。
发明内容
基于背景技术存在的技术问题，本发明提出了一种找房工具的纸质地图导出方法。
本发明提出的一种找房工具的纸质地图导出方法，包括如下步骤：
S1换算地图指定层级下边界最大尺寸：
创建实例对象并传入当前城市，返回行政区域的边界，创建Polygon多边形覆盖物，把行政边界传入可得出覆盖物的西南角与东北角经纬度，将西南角与东北角经纬度转化为像素坐标，根据像素坐标计算出容器的宽与高；；
S2加载地图和导出地图：
点击相对应的楼盘,地图容器手动赋值计算得出宽高，然后加载完成事件，加载完成事件之后进行截图，在之前需要对地图组件下的img标签添加自定义属性crossorigin值为anonymous，为了设置跨域，Html2canvas内useCORS设置为true，Html2canvas回调出一个canvas，可使用toDataURL()得出base64码，创建a标签，使用a标签进行导出()得出base64码，创建a标签，使用a标签进行导出；
S3覆盖物拖拽：
根据返回经纬度创建覆盖物，监听事件mousedown开启document的mousemove及mouseup事件，mouseup时删除原有覆盖物创建根据pixelToPoint得出新经纬度创建新遮盖物，通过原有点与现有点，再绘制一条折线；
S4定位覆盖物：
点击相对应的楼盘,点击定位获取到经纬度，这是需要判断是否有新创建覆盖物若有则定位新创建点，若无则定位原有点。
优选的，所述步骤S2当导出图片不成功，是由于超出浏览器限制，需要进行递归往下导出，直到导出位置。
优选的，所述步骤S2当导出图片不成功，是由于超出浏览器限制，需要进行递归往下导出，直到导出位置。
优选的，所述步骤S1使用地图内部方法Boundary创建实例对象。
优选的，所述步骤S1中通过get方法将实例对象传入当前城市。
优选的，所述步骤S1使用地图对象上的pointToPixel转化成像素坐标。
优选的，所述步骤S2使用addEventListener监听tilesloaded加载完成事件。
优选的，所述步骤S2使用html2canvas插件进行截图。
优选的，所述步骤S4使用setViewport进行定位。
本发明中，所述一种找房工具的纸质地图导出方法，根据区域和层级换算范围边界，导出地图最大瓶颈处理，进行向下递归直到导出为止，地图上追加覆盖物拖拽事件，正确显示拖拽物标记点。
具体实施方式
下面将对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。
一种找房工具的纸质地图导出方法，包括如下步骤：
S1换算地图指定层级下边界最大尺寸：
创建实例对象并传入当前城市，返回行政区域的边界，创建Polygon多边形覆盖物，把行政边界传入可得出覆盖物的西南角与东北角经纬度，将西南角与东北角经纬度转化为像素坐标，根据像素坐标计算出容器的宽与高；；
S2加载地图和导出地图：
点击相对应的楼盘,地图容器手动赋值计算得出宽高，然后加载完成事件，加载完成事件之后进行截图，在之前需要对地图组件下的img标签添加自定义属性crossorigin值为anonymous，为了设置跨域，Html2canvas内useCORS设置为true，Html2canvas回调出一个canvas，可使用toDataURL()得出base64码，创建a标签，使用a标签进行导出()得出base64码，创建a标签，使用a标签进行导出；
S3覆盖物拖拽：
根据返回经纬度创建覆盖物，监听事件mousedown开启document的mousemove及mouseup事件，mouseup时删除原有覆盖物创建根据pixelToPoint得出新经纬度创建新遮盖物，通过原有点与现有点，再绘制一条折线；
S4定位覆盖物：
点击相对应的楼盘,点击定位获取到经纬度，这是需要判断是否有新创建覆盖物若有则定位新创建点，若无则定位原有点。
本发明中，所述步骤S2当导出图片不成功，是由于超出浏览器限制，需要进行递归往下导出，直到导出位置。
本发明中，所述步骤S2当导出图片不成功，是由于超出浏览器限制，需要进行递归往下导出，直到导出位置。
本发明中，所述步骤S1使用地图内部方法Boundary创建实例对象。
本发明中，所述步骤S1中通过get方法将实例对象传入当前城市。
本发明中，所述步骤S1使用地图对象上的pointToPixel转化成像素坐标。
本发明中，所述步骤S2使用addEventListener监听tilesloaded加载完成事件。
本发明中，所述步骤S2使用html2canvas插件进行截图。
本发明中，所述步骤S4使用setViewport进行定位。
本发明：换算地图指定层级下边界最大尺寸：创建实例对象并传入当前城市，返回行政区域的边界，创建Polygon多边形覆盖物，把行政边界传入可得出覆盖物的西南角与东北角经纬度，将西南角与东北角经纬度转化为像素坐标，根据像素坐标计算出容器的宽与高；；加载地图和导出地图：点击相对应的楼盘,地图容器手动赋值计算得出宽高，然后加载完成事件，加载完成事件之后进行截图，在之前需要对地图组件下的img标签添加自定义属性crossorigin值为anonymous，为了设置跨域，Html2canvas内useCORS设置为true，Html2canvas回调出一个canvas，可使用toDataURL()得出base64码，创建a标签，使用a标签进行导出()得出base64码，创建a标签，使用a标签进行导出；覆盖物拖拽：根据返回经纬度创建覆盖物，监听事件mousedown开启document的mousemove及mouseup事件，mouseup时删除原有覆盖物创建根据pixelToPoint得出新经纬度创建新遮盖物，通过原有点与现有点，再绘制一条折线；定位覆盖物：点击相对应的楼盘,点击定位获取到经纬度，这是需要判断是否有新创建覆盖物若有则定位新创建点，若无则定位原有点。
以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，根据本发明的技术方案及其发明构思加以等同替换或改变，都应涵盖在本发明的保护范围之内。

Claims (8)

1.一种找房工具的纸质地图导出方法，其特征在于，包括如下步骤：
S1换算地图指定层级下边界最大尺寸：
创建实例对象并传入当前城市，返回行政区域的边界，创建Polygon多边形覆盖物，把行政边界传入可得出覆盖物的西南角与东北角经纬度，将西南角与东北角经纬度转化为像素坐标，根据像素坐标计算出容器的宽与高；
S2加载地图和导出地图：
地图容器手动赋值计算得出宽高，然后加载完成事件，加载完成事件之后进行截图，在之前需要对地图组件下的img标签添加自定义属性crossorigin值为anonymous，为了设置跨域，Html2canvas内useCORS设置为true，Html2canvas回调出一个canvas，可使用toDataURL()得出base64码，创建a标签，使用a标签进行导出；
S3覆盖物拖拽：
根据返回经纬度创建覆盖物，监听事件mousedown开启document的mousemove及mouseup事件，mouseup时删除原有覆盖物创建根据pixelToPoint得出新经纬度创建新遮盖物，通过原有点与现有点，再绘制一条折线；
S4定位覆盖物：
点击相对应的楼盘,点击定位获取到经纬度，这是需要判断是否有新创建覆盖物若有则定位新创建点，若无则定位原有点。
2.根据权利要求1所述的一种找房工具的纸质地图导出方法，其特征在于，所述步骤S2当导出图片不成功，是由于超出浏览器限制，需要进行递归往下导出，直到导出位置。
3.根据权利要求1所述的一种找房工具的纸质地图导出方法，其特征在于，所述步骤S1使用地图内部方法Boundary创建实例对象。
4.根据权利要求1所述的一种找房工具的纸质地图导出方法，其特征在于，所述步骤S1中通过get方法将实例对象传入当前城市。
5.根据权利要求1所述的一种找房工具的纸质地图导出方法，其特征在于，所述步骤S1使用地图对象上的pointToPixel转化成像素坐标。
6.根据权利要求1所述的一种找房工具的纸质地图导出方法，其特征在于，所述步骤S2使用addEventListener监听tilesloaded加载完成事件。
7.根据权利要求1所述的一种找房工具的纸质地图导出方法，其特征在于，所述步骤S2使用html2canvas插件进行截图。
8.根据权利要求1所述的一种找房工具的纸质地图导出方法，其特征在于，所述步骤S4使用setViewport进行定位。
CN202011106347.6A 2020-10-16 2020-10-16 一种找房工具的纸质地图导出方法 Pending CN112464307A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011106347.6A CN112464307A (zh) 2020-10-16 2020-10-16 一种找房工具的纸质地图导出方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011106347.6A CN112464307A (zh) 2020-10-16 2020-10-16 一种找房工具的纸质地图导出方法

Publications (1)

Publication Number Publication Date
CN112464307A true CN112464307A (zh) 2021-03-09

Family

ID=74834060

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011106347.6A Pending CN112464307A (zh) 2020-10-16 2020-10-16 一种找房工具的纸质地图导出方法

Country Status (1)

Country Link
CN (1) CN112464307A (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100094548A1 (en) * 2008-07-09 2010-04-15 Tadman Frank P Methods and systems of advanced real estate searching
CN109508134A (zh) * 2017-09-14 2019-03-22 北京国双科技有限公司 一种地图标注方法和装置
CN109960478A (zh) * 2019-04-02 2019-07-02 武大吉奥信息技术有限公司 一种Web地图打印预览方法及装置
CN110889056A (zh) * 2019-12-06 2020-03-17 北京百度网讯科技有限公司 页面标记的方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100094548A1 (en) * 2008-07-09 2010-04-15 Tadman Frank P Methods and systems of advanced real estate searching
CN109508134A (zh) * 2017-09-14 2019-03-22 北京国双科技有限公司 一种地图标注方法和装置
CN109960478A (zh) * 2019-04-02 2019-07-02 武大吉奥信息技术有限公司 一种Web地图打印预览方法及装置
CN110889056A (zh) * 2019-12-06 2020-03-17 北京百度网讯科技有限公司 页面标记的方法及装置

Similar Documents

Publication Publication Date Title
US20160055661A1 (en) Navigating using an indoor map representation
CN114170393A (zh) 基于多种数据的三维地图场景搭建方法
CN111091167B (zh) 标志识别训练数据合成方法、装置、电子设备及存储介质
US10733777B2 (en) Annotation generation for an image network
CN111914046B (zh) 标的坐落图的生成方法、装置及计算机设备
CN104657206A (zh) 一种图像数据的处理方法和装置
CN111429548B (zh) 数字地图生成方法及系统
CN110688687A (zh) 一种城乡建设用地可复垦资源调查图批量生成方法
CN116957887B (zh) 智慧抄表方法及抄表系统
CN111291608A (zh) 一种基于深度学习的遥感图像非建筑区域过滤方法
CN105698794A (zh) 地图捕获方法
CN114494509A (zh) 面向在线制图的标注绘制方法、装置、设备及存储介质
CN112464307A (zh) 一种找房工具的纸质地图导出方法
CN112923927A (zh) 机器人扫描地图处理方法、装置、终端及存储介质
CN113127584A (zh) 一种地图标注方法、装置、电子设备及存储介质
KR102149283B1 (ko) 분양 정보를 포함한 지도를 제공하는 방법 및 컴퓨터 프로그램
CN116452756A (zh) 三维场景局部自动化生成方法、装置、设备及存储介质
CN111489421A (zh) 一种卫星地图切分建筑重新组合方法
CN115933949A (zh) 一种坐标转换方法、装置、电子设备及存储介质
CN106339430B (zh) 基于地图api的海量覆盖物绘制方法
CN113916244A (zh) 巡检位置设置的方法、装置、电子设备和可读存储介质
CN115132370A (zh) 一种基于机器视觉和深度学习的流调辅助方法及装置
CN114240734A (zh) 图像数据增广方法、装置、电子设备及存储介质
CN116266402A (zh) 对象自动标注方法、装置、电子设备及存储介质
CN114018243A (zh) 地图数据处理方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination