mapsource上怎么显示坐标

当我们用 map gs 作图时，发现原坐标和图面不符，此时就用到了我们的定位整块移动功能，从而达到读取准确坐标的目的。首先查看原坐标是否和图上坐标相同， 如若不涂，把原色标整体归零，点击其他工具选项，整图变换定位整块移动， 输入正确的圆点坐标。 注意此处原点坐标 xy 未相反。输入 定位整块坐标移动完成。

来，接下来呢，咱们学习这个 bum pack 里边啊，就是最后一个知识点啊，就是 sauce map。 那么首先给大家去介绍一下什么是 sauce map 啊？呃， sauce map 呢，就是一个这里写的，它是一个信息文件 啊，注意啊，是信息文件里面存着什么呢？存着位置的信息。我们知道在咱们项目里边 index 一点 gs 是什么？是原代码吧，还是原代码？那么最终我们生成到 dc 的里面的这个 邦斗连 gs， 他是原代码吗？不是，他是外包派克转换出来的那个最终的目标文件，对吧？哎，那我问下大家，咱们在原 代码里面的行号和咱们最终生成了文件的行号是一对应的吗？不是，比如说我这个肯送，我在第三十四行，那么在这个帮斗点 gs 里面，第三十四行一定是这个肯送吗？ 不是，因为他们之间是没有那种对应关系的，对不对啊？ ok 啊，那么接下来我们就有一个问题了，好，我们就有一个问题，什么问题呢？来看啊，比如说 我们把这个 ctrl 点 log 故意写错啊，写成 c o n s、 l e， 是不是少了个 o 吧啊？这里老师把那个 o 给删掉啊，少了一个 o 代码是有问题了吧， 但还是有问题的，对不对？嗯，好，保存一下啊，保存一下，然后我们呢，可以把项目用开发的方式抛起来， 就是 npm。 软谁啊？软 dv 就是这样，是放到内存里面的啊，软 dv 来跑一个，然后咱们右键检查，看到这个 ctrl 里边，大家看就是他，其实咱们 ctrl is 闹到底翻啊，因为这个单词咱们写错了啊，浏览器里面是没有这个 c、 o、 n、 s、 l、 e 这么一个成员，于是就报错了啊，然后大家来看啊，刚才看这个错误的行号是哪个文件啊？ index 一，这个文件是对的吧？哎，但是这个行号啊，你看是第多少行？第三十六，第三十六号，来点进来，我们来看 第三十六行是谁？是生成的代码里面第三十六行吧？是咱们原代码里面的行号 吗？不是，一定要注意啊，当前在咱们开发阶段，他虽然说会提示出哪个文件里面报的错以及对应的行号，但是我们要注意一下，这个行号不是原代码里面的行号，是咱们生成那个文件里面的行号吧。 ok 啊，那咱们来看，呃，元旦里面含号是多少？三十四，这里是多少？三十六含号能对应上吗？对应不上。那这样对咱们调试来讲的话，是方便还是不方便？不方便，不方便到哪里了呀？ 哎，你通过错误提示是不能直接定位到是哪一行产生错误啊？ ok， 问题就在这了，那为了方便咱们程序员去排错，去调试 bug， 那么在这 这里呢，咱们需要让大家去配置一下烧死麦，为什么呢？因为烧死麦呢，是一个文件里面存储着位置信息， 具体是什么呢？具体是存储着咱们原代码和打包生成的邦斗的 gs 之间的这个行号的对应信息。比如说 在帮到你这次里面，他是第三十六行产生错误吧，那么在对应原代码里面是第多少行？三十四行。那么在报错以后，大家觉得是应该显示三十六还是显示三四？ 应该显示三十四，是不是应该让程序员能够定位到哪一行啊？对，应该定位到圆码里面那一行，所以说咱们不应该展示三十六，而是应该展示三十四。哎，那怎么才能够正确的展示出这么一个喊号呢？ 需要用到谁啊？ soulse mate， 因为这个 soulse mate 里面存着什么呀？存着位置的对应关系，生存的帮助，里面每一行代码对应元旦里面哪一行，是不是有这么一个对应关系啊？没有办法。 ok， 那现在我们就遇到这么一个问题了，这个对应关系准确吗？ 文件名是准确的，这个行号是不不准确呀，哎，行号不准确啊，怎么办？我们来看啊， 你看，在咱们开发环境下默认生成的骚丝麦克 记录的是什么？是原代码的行号还是生成后代码的行号啊？哎，是生成后的行号。那会导致一个什么问题呢？就是报错的行数和圆码里面的行数 能对得上吗？对不上啊，有这么一个问题，比如说啊，他报错了，是第二十行，可能在野马里面，只是第十四行，是不是有这么一个问题啊？ ok， 怎么解决啊？非常简单来看， 只需要在外包派克的配置文件中增加 dv tour 这么一个选项，直叫 evil 干 sauce， 干迈腾。哎，加上这一项之后，哎，这个值就能够保证咱们行好，保持一致， 就知道怎么让这个很好保持，你知道吗？知道了啊，就是加上这么一个 d v trop 的这么一个选项，值是固定的一个值，叫 evil gas sauce 港卖。 那这个选项要和谁评级啊？看是不是要和 mode 这点评级啊， 只要平集就可以了。前后位置其实不重要啊，就是 mom 在前和 mo 在后，是不是这个位置不重要啊，只要平集就可以啊。来，咱们接下来呢，去改造一下， 回到项目中，我们打开一包派克的配置文件啊，在没了之前吧，啊，在没了之前，咱们添加这么一下，叫 dv toss 啊，注意不带 s 啊， d v tour 啊，不带 s 直叫 e v a 啊， evil 干 sauce go， 买吧，写个固定写法啊，来 e v a 啊，干 sauce go， 而且都是在开发调试阶段，建议 大家都把什么呢？把 dv tour 的直设置为 vivo gossox go， 是不是修改完毕了呀？哎，咱们要去验证一下，看是否好使。那此时这边要重新打包一下，因为咱们刚才修改了什么呀？ 修改了配置文件，咱们反复强调过，只要改了配置文件就必须重启一下啊，来两次 ctrl c 停掉它，然后上线头回车。 嗯， 来咱们检查看，咳嗽一下，小心，是不是这个咳嗽还是被 定义啊，哎，然后我们来看文件名是对的吧，还是你 nice 一点，这是喊号第多少行？第三十四号，我们来看是不是第三十四号 是吧？是啊，那所以说啊，通过咱们加了这么一个 dv to 的值，就能够保证在开发调试阶段， 咱们哪怕产生了错误，是不是也能够精准的定位到是哪个文件呢？第多少行产生错误啊？哎，包括同学们啊，包括你在这里，你在中间里面点这个链接， 也能够直接定位到咱们的原代码，大家来看，这一次这个代码是原代码还是打包好的代码？哎，是原代码啊，这样对咱们调试来讲是非常的方便啊，非常方便。好，大家记住了，今后在开发里边 咱们要想定位到那个产生错误的那一行，能够精准的定位到那一行，是不是要加这么一下呀？哎，第一位托值啊，是第一波。

在这一个视频呢，我们将介绍迈步标记啊，以及在使用迈步标记的时候如何选取各个图形的坐标点。 首先呢把迈步做一个介绍，迈步呢其实就是客户端图像映射，比如说我们把图片呢分为不同的区域啊，每个图区域呢，点击不同区域的时候可以打开不同的链接， 那么这个时候就有一个小的技巧啊，是这样的，对于迈步呢，你要去通过属性 id 和 name 把他们两个的值啊定义为同一个值，同一个值呢，主要是针对于不同的浏览器，有的时候用 id， 有的时候呢使用内幕这个属性值，那么主要目的是什么呢？定义好这个 id 和内幕 相同的话，是让图片啊在显示这个图片的时候，通过优斯迈普属性去和咱们定义的这个迈普这个音色来建立联系。那么在 a 妹子的啊，尤斯迈普这个属性这边呢，他的属性值啊，啊就是什么呢？就是定你在迈普里面定义的 id 值和内幕值相同的啊，那一个值同时在这个值的前面呢， 一定要加井号啊，一定要加井号，这是啊，以此呢把映射关系和图片鉴定关联。 同时呢，在迈普里边，咱们可以通过艾瑞尔这个标记啊，来定义三种图形，分别是矩形，圆形和多边形。那么每 一个区域呢啊，除了定义图形之外，还要定义啊，这个区域点击之后打开哪一个链接， 同时呢不同的区域啊，不同的图形啊，这种形状他有不同的啊，坐标顶顶啊，坐标顶顶，再这样的话，咱们来看一看啊，如何去使用这个代码，首先呢看一下演示代码， 演示代码里面呢，咱们可以看到在 a 妹子啊，就有一个图片会显示这么一张图片，是在当前目录啊，那么通过宽和高呢来显示啊，高是两百个像素，宽是三百个像素， 那么他怎么办？他和哪一个鉴定关联呢？ id 或者说内蒙叫费斯的那个迈普去鉴定关联， 咱们就可以往上来找，找到啊，这一个迈普，咱们看到在迈普标记里面呢，通过内幕和 id 的 d 的值呢来设置了他的相同的啊名称， 看一下，里面有三个图形啊，第一个是一个矩形啊，打开某一个坐标，那么矩形的话会怎么办呢？会 对应的他的坐标区域是什么呢？是左上的坐标，是 s 点和外点和右下的坐标，这是矩形啊，那么圆形呢怎么办呢啊，是这个圆形的话，是你的 坐标远点，他的 x 外轴啊，他的坐标点还有他的半径，那么假如是一个多边形，是一个三角形，那就有三个顶点，所以咱们看到啊，通过在中间这个呢定一个三角形， 三角形里面呢怎么办？有三个坐标点啊，那么接下来啊，咱们来看一看这个啊网页的演示效果， 有时候我看到啊，点击矩形跳到怎么办？跳到矩形的区域，点击呢三角形啊，跳到三角形的区域啊，这个这个网页 点击圆形又跳到了圆形的区域啊，那么如何去找到啊，这个坐标点的位置呢？咱们现在来看一下在 windows 下如何操作。首先呢找到这张图片，图片呢在右键 啊，用什么呢？ windows 自带的编辑这个功能 啊，咱们看到在这个地方呢，就打开了咱们这个图片啊，咱们这样，咱们适当的 对他来放大， 放大之后呢，咱们来看一下啊，这几个坐标啊，你快来看这个坐标值啊，啊，就是在图形的左上角是坐标远点一啊，那么向右是 x 轴， 向下是外轴啊，每每个坐标轴的直呢，都是一个正直啊。咱们这样先来看矩形的坐标点哦，你可以看到我的光标啊，有一个提示点，我放到矩形的左上角，是他的左上角的顶点， 因为这个量呢，取值不会太准确，所以咱们基本上猜到他的最高值是什么呢？是幺四零和二零，像素在哪个位置呢？大家注意一下，在图片的啊，这个编辑的区域啊，右下方会提示你啊， 他的对应的这个像素值，因为我这边呢无法移动这个鼠标，大家要留意一下啊，下方的坐标是幺四零二零，那么这是左上角的坐标，右下角的坐标呢，咱们猜到了是二八零和六零的坐标啊，咱们看一下 啊，是幺四零，二零，二八零六零，这是可以找到咱们什么呀啊，圆形的啊，这个，呃，矩形的这个左标点啊，圆形呢，这个图形啊，也很好找， 看到啊，基本上可以放到这个啊，这个圆脸的中间，咱们就可以看到了他的圆心啊啊，基本上是八十一百，八十一百，咱们这样，咱们找到最左侧，看到是二十一百，八十 之间流失，他的半径就是六十个像素，所以说他的值呢，应该是什么呢？坐标点啊，应该有三个，应该是八十，一百和六十，咱们可以看到对应的啊，圆形的这三个坐标点， 矩形呢啊，是一个三角形，咱们来看一下啊。好，回到编辑工具，可以看到第一个点是一百和一百啊，这边显示是幺零二，但基本上可以判断是一百和一百这个对标点。 第二个呢是幺八零八零， 第三个是二百幺四零 啊，咱们可以看到这三个值啊，和咱们在前面的描述啊，也是基本上是相同的啊。 总之啊啊，通过啊这个视频呢，就是希望大家能够了解啊。呃，如何去定义咱们的客户端图像映射 以及呢啊，如何去获取啊？这个这个不同的区域他的坐标值啊，如何去获取？ 好，今天这个视频呢就到此结束，感谢大家的收看，再见。