切图工具：通过js判断语句消除调用切片图片失败信息

原创

于 2021-02-16 15:53:14 发布 · 388 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了在腾讯地图API中，如何修正默认js代码导致的切片文件未找到错误，关键在于添加区域判断以确保仅在故宫区域加载切片，避免跨区域引用问题。

工具说明

工具下载

经常有同学问，共工具默认生成的html文件，其中的js代码调用切片的时候，会出现好多 ERR_FILE_NOT_FOUND 这种错误信息，是怎么回事？

这是肯定的，默认生成js代码，没有判断需要在哪个区域范围需要调用我们生成的切片，那么它默认在所有范围尝试读取切片文件，比如我们仅仅生成了故宫的切片，当我们把地图移到颐和园，js代码仍在尝试读取颐和园的切片，就会出错误提示了。

那么就需要我们加上判断，只在故宫区域读取切片。

可以参看以下腾讯地图代码。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>gaode</title>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>