地图开发 - 在H5开发中如何实现该icon的指向始终在多边形任意夹角的中心线上？

Question

如何实现该icon的指向始终在多边形任意夹角的中心线上？

已知多边形每个点的经纬度坐标，现在已经实现了拖拽的效果，但是icon的方向计算的不对。
希望大佬们提供点思路，谢谢。

Answer 1

如果按照你图示的话，需要找到多边形的最上面的点和最右边的点，分别以两个点画直线，求出交点坐标，icon的根据图形的大小做旋转;
画线以及求交点可以用turf.js这个库

Answer 2

要实现该icon的指向始终在多边形任意夹角的中心线上，你可以按照以下步骤进行计算和调整：

1. **计算夹角平分线**：
   - 对于多边形的任意两个相邻顶点 $A(x1, y1)$ 和 $B(x2, y2)$，以及它们的下一个顶点 $C(x3, y3)$，可以计算出夹角 $\angle ABC$ 的平分线方向。
   - 使用向量点积和叉积的方法计算向量 $\overrightarrow{AB}$ 和 $\overrightarrow{BC}$ 的夹角，并找到其平分线的方向向量。

2. **计算中心线方向**：
   - 夹角平分线的方向向量可以表示为 $(\cos(\theta), \sin(\theta))$，其中 $\theta$ 是平分线的角度。
   - 通过反正切函数（atan2）可以计算出这个角度 $\theta$。

3. **调整icon方向**：
   - 根据计算出的平分线方向，调整icon的旋转角度，使其指向该方向。
   - 如果你的icon图像有固定的方向（例如，箭头指向右边为0度），则需要将计算出的角度转换为相对于这个固定方向的角度。

4. **实现拖拽后的实时更新**：
   - 在拖拽多边形顶点时，实时重新计算所有相邻夹角的平分线方向。
   - 更新icon的旋转角度，以反映当前夹角的平分线方向。

5. **注意事项**：
   - 确保在计算过程中使用弧度制而非角度制，因为很多数学函数（如atan2）返回的是弧度值。
   - 考虑多边形可能存在的凹形和凸形，确保算法对所有情况都适用。
   - 如果多边形非常复杂，可能需要优化算法以提高性能。

通过这些步骤，你可以实现icon始终指向多边形任意夹角的中心线上的效果。希望这能帮助你解决问题！

Answer 3

看起来像是特殊字符内容，而不是正常的文字内容，超出了当前使用的字体库符集编码范围。
�� Unihan data for U+30556
前端显示的时候没有对应的字体内容就会显示成方框，所以你打开上面的链接其实也是看不到对应文字展示只会有一个方框。

---

比如说我们经常会使用 font-icon 来显示一部分的图标元素，在字体文件缺失对应内容的定义时就会显示这样的情况。

• �� 思否右上角的几个图标，在没有正常加载自定义图标字体文件的时候就会显示成这样

如果确实需要用直接文字的形式显示得定制字体包把对应的编码的内容都补齐。但是内容太多了应该不好实现。

可也以参考 倉頡之友 这个站，用图片的形式来展示。

• （聖攵）搜索 30556 就能看到了。

Answer 4

这个问题通常不是由MySQL版本或编码设置直接引起的，而是更可能与前台显示这些字符的应用程序的字体支持或字符集处理有关。

### 解决方案

1. **确认前台应用的字符集**：
   确保前台应用程序（比如网页、桌面应用等）使用的字符集和MySQL中的字符集一致，即都使用`utf8mb4`。

2. **检查字体支持**：
   如果前台是一个图形界面应用（如网页），确保所使用的字体支持这些特殊字符。有些字体可能不包含所有Unicode字符，尤其是非常规的汉字或特殊符号。

3. **检查HTML/CSS**：
   如果前台是网页，检查HTML和CSS设置。确保没有CSS规则将这些字符隐藏或以某种方式改变其显示（如使用`text-indent: -9999px;`等技巧）。

4. **数据库连接字符集**：
   确保数据库连接也使用了`utf8mb4`编码。在PHP中，你可以使用如下代码来设置连接字符集：

$mysqli = new mysqli("localhost", "user", "password", "database");
$mysqli->set_charset("utf8mb4");

5. **浏览器和操作系统支持**：
确保使用的浏览器和操作系统支持这些字符。虽然现代浏览器和操作系统通常支持广泛的Unicode字符集，但总是有可能遇到特定的不支持情况。

6. **数据库内容检查**：
使用MySQL客户端工具（如phpMyAdmin、MySQL Workbench等）直接查询数据库，看看这些字符在数据库中是否能正确显示。如果在这里也显示不正确（即也显示为`��`），则可能是数据在插入时就已经被损坏或错误地编码了。

7. **调试和日志**：
如果可能，增加日志记录来追踪字符从数据库到前台的完整路径，看看在哪个环节出现了问题。

如果以上步骤都无法解决问题，可能需要更详细地检查应用程序的代码和配置，或者考虑是否存在其他未知的系统级问题。