地图切片工具
关注
分享
扫一扫
文章平均质量分 61
老狼8848
业余编程爱好者。
展开
-
避开常见的坑，快速制作一个免费、交互式景区导游地图（二）
上一篇介绍了如何新建一个基础景区。本文介绍如何上传手绘图。就是对景区手绘图进行分级切片并上传到服务器。原创 2024-06-27 12:19:58 · 1124 阅读 · 0 评论 -
避开常见的坑，快速制作一个免费、交互式景区导游地图（一）
发现有部分朋友根据本专栏前面几篇文章制作的导游地图存在一些问题。景区区域定位错误，比如名称是广东西樵山景区，却定位在北京。景点介绍链接错误，点击景点名称，跳转到景区地图首页。没有上传手绘图。嗯这点不算错误，只能说这个景区导游图不完美。切图软件下载 - 切图软件下载 - 迅达地理 - Powered by Discuz!本文重点针对以上问题，对整个流程进行详细说明。中间如果遇到问题，可以寻求支持，薇——信：cbq8848前面讲过，景区和景点介绍，可以直接输入文字，也可以在本站论坛增加图文混排的帖子。原创 2024-06-26 12:00:00 · 1749 阅读 · 0 评论 -
腾讯地图中轻松定义多边形
简单多边形 | 腾讯位置服务这个例子可以保存到本地，通过编辑多边形的各项属性来定义自己的多边形。不过这种方法有些缺陷：定义多边形的顶点坐标，以及边框颜色、宽度、透明度，中间颜色、透明度都挺麻烦，需要键盘录入；不容易发布、共享；我试着在平台中初步实现以上内容，可以做到：鼠标定义多边形属性，包括顶点坐标，边框宽度和透明度需要键盘录入（有默认值），选择颜色；可以定义多个多边形，并定义层级；立即发布共享；原创 2023-05-28 16:56:28 · 925 阅读 · 1 评论 -
生成一个手绘图为底图的导游图
上一篇演示了制作一个简版导游图。简版导游图的优点是制作简单、快速，不需要第三方软件，缺点是略显简陋、不够专业。本编介绍制作专业导游图的步骤，用手绘图为地图，用图形展现景区信息，能表现出丰富的景区细节。类似这样的：免费注册步骤跟上一篇相同：生成一个简版导游地图_老狼8848的博客-优快云博客此处不赘述。原创 2023-05-15 17:02:21 · 713 阅读 · 0 评论 -
景区手绘图的配准、切图及上传
这个免费客户端专用于迅达平台，对手绘图背景进行配准，然后切片并上传。下载。原创 2023-05-15 15:16:54 · 1050 阅读 · 0 评论 -
生成一个简版导游地图
介绍一个生成简单导游地图或者商圈地图的简单方式，不需要专业知识，零费用。具备分类按钮，如：景点、美食、地铁、停车场以及其他分类按钮；可以编辑景点介绍，介绍中可以包含文字和图片以及音频、视频；每个景点可以显示名称，点击名称，显示该景点的图文及音视频；点击“大堡礁”，显示大堡礁的图文介绍：每一个景点，最好有一个图文介绍。在地图中点击景点名称，可以打开这个图文介绍详细了解这个景点的来龙去脉、历史典故。点击发一篇“三潭印月”的介绍文章，用于在地图中增加“三潭印月”这个景点的时候被引用。原创 2023-05-11 21:26:02 · 1200 阅读 · 0 评论 -
景区地图最短路径快速实现
以前粗略学习了一下在地图中实现最短路径，并在切图工具中实现了自动处理生成导航相关数据。最近发现工具实现的结果，错误一大堆。这次再详细捋一捋整个步骤，感兴趣的同学可以试一试。原创 2023-01-07 21:55:14 · 912 阅读 · 0 评论 -
配准法快速在地图上叠加边缘透明旅游图演示
居然还有人在抱怨，在地图上叠加手绘图好麻烦啊好复杂，都干了一星期了又要推倒重来简直不想活了，眼睛都累哗啦了。。。嗯，我相信同学你没说假话，你一定是没找到合适的办法。这里演示一下配准法在高德地图上贴上日照市的旅游地图。其他各种地图都是一样的操作。用这个方法弄出来效果杠杠滴，让你成就感爆棚。相信你肯定已经拿到旅游图或者别的图了，战斗机的图也可以，都一样。这次弄这样一幅图，把ta贴到高德地图\日照市的位置。这是一幅png格式透明图。这幅图从网上下载的，有点小。原创 2022-12-13 15:30:20 · 861 阅读 · 0 评论 -
复制项目配准信息，用于将超级大图贴到地图上
制作手绘地图并准确覆盖到地图的超简单流程_老狼8848的博客-优快云博客_手绘地图覆盖到地图实际上，是程序根据坐标以及图片大小自动生成了配准参数，免去了我们手工操作的麻烦。但是这种方式的一个缺陷，就是如果图片特别大，那么在自动生成配准参数的时候，会产生内存溢出，无法进行后续步骤。现在通过修改程序，可以通过变通的方法解决这个问题。原创 2022-12-12 16:28:47 · 363 阅读 · 0 评论 -
制作覆盖手绘图的导游地图，非常简单，你也可以
上一篇介绍了制作“简版导游地图”的步骤，真的是特别简单，如果提前准备好了文字材料，估计不会超过10分钟。这次我们试一下在简版导游地图上覆盖一幅手绘图，这样会使导游地图一下子好看不少。原创 2022-11-28 17:02:58 · 2403 阅读 · 0 评论 -
半小时制作简单版澳大利亚导游地图，太简单了，你也可以
不少景区需要制作自己的导游地图，用来提升游客旅游体验，游客扫一下二维码就可以看到景区全貌和景点介绍。制作这样一个导游地图，貌似很复杂、很专业的样子。其实可以用现成的平台和工具来快速实现，根本不需要专业编程开发。这里有一个小小的前提条件就是，如果需要在目标景区覆盖手绘图，那么就需要提前制作好手绘地图。制作手绘地图的过程非常复杂，需要专业画师来干。如果既要精准，又要好看，那需要很长时间，可能需要几天甚至几周。如果不需要覆盖手绘图，可以省去这个条件。本文介绍一下简单的制作步骤。原创 2022-11-27 16:22:52 · 1458 阅读 · 0 评论 -
腾讯云轻量应用服务器开启443端口，使用ssl功能的必要步骤
腾讯云轻量应用服务器默认是不开启443端口的，这里指的是腾讯云管理界面中可以看到，不是指在服务器操作系统中的防火墙规则。如果开启了443应用但是外部访问不到，需要在腾讯云控制台中增加对443的访问规则。需要注意，腾讯云的帮助文档介绍的操作与当前的实际界面不一致。原创 2022-11-19 18:38:20 · 2142 阅读 · 0 评论 -
地图手绘图生成切片位置进行微调，使图片更精准地贴在地图上
以前对地图与图片进行配准操作，只能在地图和图片进行鼠标点击操作，取得图片与地图对应的位置点参数后进行切图，切图完成后才能用浏览器打开html文件调用切片，看一看是否准确贴图。现在程序可以对图片上的配准点进行位置微调，增加这功能后，如果发现生成的贴图切片大小、角度不准确，我们可以通过图片中的位置点使用键盘进行微调，使贴图更准确。每个点调整完成后点“应用”，如果不点“应用”，则调整无效。原创 2022-11-07 15:46:40 · 782 阅读 · 0 评论 -
切图工具：输出512*512切片大小的切片
原来切图工具仅能输出256*256大小的切片，已经逐渐不满足高清屏幕的需求，结果就是在Retina显示屏或者4K、8K显示屏中，会显示比较模糊。这样就需要生成512*512像素的切片，在原来256*256大小的区域内，显示512*512像素的图片，提高了清晰度。配准的时候，要选择256*256，切图时，切换为512*512，这样即可输出位置正确的切片。配准前选择：切图前选择：输出结果对比一下：256*256分辨率512*512分辨率需要注意，如果整...原创 2021-08-24 20:39:05 · 2908 阅读 · 2 评论 -
腾讯地图JS2.0：鼠标移入移出多边形事件
腾讯地图JS2.0版本，鼠标移入移出多边形，多边形颜色改变。鼠标移入多变型：鼠标移出多边形：代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>腾讯地图-简单地图示例</title> <meta name="v...原创 2021-04-16 20:15:35 · 621 阅读 · 0 评论 -
腾讯地图GL版：图形的鼠标事件
本例子展示腾讯地图中画一个圆，在其上定义鼠标单击事件和鼠标移过事件。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" ...原创 2021-04-16 15:57:28 · 844 阅读 · 0 评论 -
切图工具：通过js判断语句消除调用切片图片失败信息
工具说明工具下载经常有同学问，共工具默认生成的html文件，其中的js代码调用切片的时候，会出现好多ERR_FILE_NOT_FOUND 这种错误信息，是怎么回事？这是肯定的，默认生成js代码，没有判断需要在哪个区域范围需要调用我们生成的切片，那么它默认在所有范围尝试读取切片文件，比如我们仅仅生成了故宫的切片，当我们把地图移到颐和园，js代码仍在尝试读取颐和园的切片，就会出错误提示了。那么就需要我们加上判断，只在故宫区域读取切片。可以参看以下腾讯地图代码。<!docty.原创 2021-02-16 15:53:14 · 346 阅读 · 0 评论 -
切图工具学习资源列表
以前关于切图的博客文章比较乱，这里按照由易到难整理一下。如果没有特别注明，即适用于标准版和专业版。1. 配准法学习1.1使用配准点使叠加图片精确匹配到地图。这篇演示了配准法的操作。非常简单的几步就可以完成切图。不需要计算原图的大小、级别，简单一个图片就可以随心所欲指定位置、级别完成切图。1.2 配准法动画演示，视频演示。配准法，看看上面这些足够了。2. 顺序法学习2.1叠加层源图像制作方法，有点复杂2.2佛山西樵山旅游旅游导游图叠加示例，使用非正方形底图进行配准...原创 2021-02-09 13:38:58 · 617 阅读 · 0 评论 -
估算一下，你需要制作多大的手绘图
手绘图的分辨率如果不够大，制作完切片后，高级别下图片会被放大导致变模糊。如果分辨率过大，在标准版中可能打不开或内存溢出，在专业版中会导致处理时间过长，降低效率。怎样确定手绘图的分辨率？应该有好多方法。这里介绍一种。首先下载切片工具。随便制作一个顺序法的项目。然后在顺序法设置界面——点击获取这里以故宫为例子。确定当前级别，把故宫缩放到正好能看到全部，点一下鼠标看看当前级别。可以看到当前是16级。然后估算一下当前故宫的像素。每个单元格是256*256像素，可以初步估算当...原创 2020-12-19 20:30:27 · 388 阅读 · 1 评论 -
制作百度、天地图或openlayers切片的变通方法
下载天地图有点特别，在工具中不能显示地图，需要稍微进行特别的操作才行。1、项目管理选项卡，选择配准法。2、基本设置选项卡，选择天地图。3、配准法设置选项卡，点击设置。进入后，地图凌乱。这时候不要关闭程序。切换到程序所在目录，会看到一个文件：locamap.html，用Google浏览器或者360浏览器极速模式打开这个文件，点击地图任意位置，会弹出一串字符。复制这些字符到程序中。用这种方式代替从切图工具中点击地图自动取得，其他操作与别的地图操作都一样。...原创 2020-12-01 22:58:21 · 679 阅读 · 0 评论 -
专业版切图工具缩短图片处理时间
工具下载专业版切图工具处理大图、高地图级别的情况下，即使内存足够，也会非常耗时。不旋转选项可以在一定程度上减少处理时间。这个选项只有使用坐标文件名（https://blog.youkuaiyun.com/bq_cui/article/details/104105636）的情况下才可用，并且必须配准后上下边是水平的（或者左右边是垂直的），就是说图片不需要旋转。处理大图片可以节约大约1/3的时间。原来用时：998906ms强制不旋转用时：560141ms...原创 2020-08-16 16:28:02 · 387 阅读 · 0 评论 -
制作手绘地图并准确覆盖到地图的超简单流程
如果要制作比较准确匹配到地图特定区域的手绘地图，首先要取得这部分区域的地图作为绘图的底图。可以用bigemap地图下载器，下载这部分区域的地图保存为后缀为 tif 的文件，保存时，四个角的坐标保存在文件名后缀为 kml 文件中。画好后，如果需要透明图，那么保存为png文件（以下称为源图）。角标志1_经度1_纬度1_角标志2_经度2_纬度2.文件名后缀。第二步，以下载的tif文件为底图，大小可以缩放，画好手绘图。右下角：right bottom 的缩写：rb。左上角：left top 的缩写：lt。原创 2020-07-21 23:16:48 · 4759 阅读 · 0 评论 -
多个图片覆盖到地图的处理
工具下载：https://blog.youkuaiyun.com/bq_cui/article/details/47372005 现在标准版工具也可以处理覆盖到地图中图片的相邻、重叠情况。 以在地图上2个图片的位置关系为例，只有相邻和重叠2种情况。 1、相邻： 分别新建2个项目，用配准法指定图片各自的位置，分别切图。 第二个项目切完后： 2、图片重叠。...原创 2020-06-23 09:37:35 · 878 阅读 · 0 评论 -
地图覆盖图片：多个图片在地图中的拼合
工具介绍： >>>工具下载：>>> 实际操作中，有把多个图片放到一个地图中的需求。例如相邻的景区，社区等。 可能存在以下问题：2个相邻的社区，在某个级别下，可能共用一个切片。例如下图中莲花山森林公园和延寿寺风景区，11级，共用下面蓝色切片。实际工作中，要求这两个景区同时出现在地图中。一般操作是对2个景区的手绘图单独切图，结果是2个手绘图不会同时出现在这个切片中。如果这种切片数量少，可以人工合成来完成。如果数量很多，人工合成工...原创 2020-06-07 18:17:18 · 2007 阅读 · 0 评论 -
图片文件名定义坐标位置并准确覆盖到高德地图（西溪湿地）
工具：https://blog.youkuaiyun.com/bq_cui/article/details/47372005这个项目画师严格按照高德地图比例制作了杭州西溪景区手绘图，并提供出四个角的精确经纬度。因此，我们可以把左上角和右下角的经纬度写入到文件名中（当然也可以使用其他角的坐标），直接进行各个级别的切图。文件名：lt_120.075073242187500_30.27330042806...原创 2020-03-30 21:27:36 · 1004 阅读 · 0 评论 -
新探索：包含坐标信息的tif格式文件直接覆盖到地图上
工具下载通过提取出tif文件中的坐标信息，自动生成配准参数并覆盖到地图上。感觉这是最方便、最精确的的方式了，不用麻烦的顺序法，甚至连手工配准都不用了。这几天哪儿都不能去，不用出去拜年不用陪老婆逛商场不用带孩子外出旅游，给力！！！经过几天努力，终于实现了。测试一下。从bigemap下载一部分图片，保存为tif文件格式：在工具指定这个图片。指定输出目录和处理级别：点...原创 2020-02-01 19:36:55 · 2330 阅读 · 0 评论 -
切片工具新探索：在文件名中定义坐标信息，省去配准步骤
下载配准过程实际就是建立图像中的点与地图的点的对应关系。我们可以通过另外一种途径来建立这种对应关系，就是直接在图片文件名中定义图像的四个角的经纬度。实际操作中，只要定义好4个角中的任意2个角就可以了。实际应用中，如果能够准确确定图像四个角的经纬度，那么就可以用这种方法。文件名规则：角标记1_经度1_纬度1_角标记2_经度2_纬度2_*.图像文件名后缀角标记类型：左上角：lt，右...原创 2020-01-29 12:41:59 · 350 阅读 · 0 评论 -
学习切图操作可能需要的资源目录
1、视频教程。以下2个视频百度在线播放太模糊，下载后播放才清晰。配准法操作视频1 专业版操作步骤，标准版基本一样。配准法操作视频2 使用专业版，文件体积虽小（725kb）但是分辨率不太小（10766*15609）。所以说有时候小文件需要大内存。2、文字教程。部分教程年代久远，可能与实际软件界面不一致，但原理一样。配准法教程： 使用配准点使叠加图片...原创 2019-12-31 09:46:20 · 362 阅读 · 1 评论 -
一个大图片的切片处理，测试出笔记本的能力极限
切片工具把一个较大的图片切片后覆盖到百度地图上。内存8G，固态硬盘空闲218G。下面是一些相关的数据。图片分辨率：用专业版的配准法。切完后的13级：17级用时：18级用时：19级用时：20级用时：20级切片数量：平均每分钟生成切片：980个。21级：配准后图像边长：16306222级：配准后图像边长：326124...原创 2019-12-16 23:18:58 · 554 阅读 · 2 评论 -
切片工具：我在测试使用配准法处理大图片、地图高级别的情况，记录一下
工具下载 现在遇到的情况是图片大小位320M，分辨率为27k*21k，泰山景区大约100平方公里。那位同学在配准阶段就出现了内存不够的情况，让我帮看看。 我的笔记本内存是8G，固态硬盘512G，win10。这种大图片肯定需要用专业版来处理，用我的设备第一次也是提示内存不够：就是出现这种提示：memory error。 我试着增加虚拟内存。win10下增加虚拟内存...原创 2019-10-16 14:26:36 · 670 阅读 · 0 评论 -
百度地图瓦片工具：切片预览
通过调整级别参数进行切片预览：原创 2013-11-13 17:16:14 · 8169 阅读 · 2 评论 -
其实用lazarus切图很简单
有问怎样切图的，这里解释一下。首先需要在lazarus中装一下控件：RGBA controls，忘记连接了，自己去搜。var BGRABmpPart, BGRAStretch: TBGRABitmap; i,j: Integer; fn,fnJpg,fnPng: string; Rect:TRect;begin // 加载完整图片 BGRABmpAll := TBGR原创 2014-04-01 11:31:56 · 2175 阅读 · 0 评论 -
高德地图图片叠加层示例方法的缺点
粗略看了一下高德地图使用的方法，优点很明显，但是也有缺点。 如果有个3M的图片，在一定情况下这是有可能的，这对速度是否有影响？原创 2016-03-08 21:21:07 · 5860 阅读 · 5 评论 -
百度地图图片叠加层切片工具：限制地图最小、最大观察级别
比如只能观察14到16级，其他地图级别不能观看。可以用一下代码： var tileLayer = new BMap.TileLayer({isTransparentPng: true}); tileLayer.getTilesUrl = function(tileCoord, zoom) { var x = tileCoord.x; var y = tile原创 2016-02-28 22:29:46 · 2174 阅读 · 0 评论 -
百度地图图片叠加层切片工具：图片在不同级别间定位不一致(横向或纵向漂移)问题的解决
通过选择特定的百度地图左上角坐标，可以解决叠加层图片定位不准或者说漂移问题。 在“经纬度”选项卡下，点击获取，打开获取左上角坐标窗口。在较低的级别下，例如13级，选择（不用点击）一个grid十字星，然后放大地图。原创 2016-03-07 15:07:34 · 2154 阅读 · 0 评论 -
百度地图图片叠加层切片工具：限制地图观察范围在一个矩形范围内
如果不想让浏览者看到该范围外的内容，则可以通过限定观察范围来达到。需要加上下面红色的部分。图片覆盖物 var tileLayer = new BMap.TileLayer({isTransparentPng: true}); tileLayer.getTilesUrl = function(tileCoord, zoom) { var x = tileCoord原创 2016-02-29 06:33:38 · 1202 阅读 · 0 评论 -
百度地图图片叠加层切片工具：制作边界透明覆盖物
主要就是用photoshop制作透明png格式文件。 打开ps，新建， 然后将图片需要透明的部分删除。下面图中马赛克部分就是透明部分。 然后保存为png格式文件供程序切分。原创 2016-02-28 22:05:44 · 4011 阅读 · 0 评论 -
快速生成带数据库、可编辑麻点的百度地图——需要下载的文件及说明
中午试了一下，发现还是you原创 2014-06-11 14:37:12 · 2264 阅读 · 2 评论 -
百度地图瓦片工具：定义坐标
通过鼠标点击即可确定中心坐标:原创 2013-11-13 17:19:51 · 5632 阅读 · 11 评论 -
叠加图片切片工具：可以处理大图了
下载 原来处理十几二十几兆的图片就出现程序奔溃问题，这次处理了一下，基本能应付大图了。另外修改了： 选坐标，不需要重启程序即生效。 生成透明png时，空图片直接丢弃。 增加强制预览选项，这样可阻止自动预览大图片，节约时间。原创 2016-03-26 15:04:51 · 1758 阅读 · 0 评论