vue 本地中导入 maptalks

Jiang_JY

已于 2024-01-30 08:52:53 修改

阅读量537

点赞数 9

分类专栏： javascript 前端 vue 文章标签：前端 vue.js javascript maptalks

于 2024-01-24 13:56:51 首次发布

本文链接：https://blog.csdn.net/jiangjunyuan168/article/details/135817344

版权

前端同时被 3 个专栏收录

117 篇文章 7 订阅

订阅专栏

vue

79 篇文章 0 订阅

订阅专栏

javascript

59 篇文章 1 订阅

订阅专栏

1、进入 github 中 maptalks 文件下载页面（https://github.com/maptalks/maptalks.js/releases）

这里可能会有朋友因为网络问题打不开 github ，可以查看作者另一篇关于解决该问题的文章👉GitHub 打不开问题解决

在这里插入图片描述

2、将下载好的文件放入项目的 public 文件下

在这里插入图片描述

3、在 index.html 中引入

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title> vue 本地中导入 maptalks </title>

        <link href="./public/maptalks.css" rel='stylesheet' type="text/css" />
        <script src="./public/maptalks.min.js" type="text/javascript"></script>
        <script src="./public/maptalks.js" type="text/javascript"></script>
        
    </head>
    <body>
        <div id="app"></div>
    </body>
</html>

4、导入后，直接在方法中 new maptalks 就能创建 maptalks 对象了

methods:{
	createMap(){
		let myMap = new maptalks.Map(...)
	}
}

5、添加标注后的效果

在这里插入图片描述

Jiang_JY

关注

9
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
vue 本地中导入 maptalks

1、进入 github 中 maptalks 文件下载页面。2、...
复制链接

扫一扫

专栏目录

vue 本地中导入 maptalks

1、进入 github 中 maptalks 文件下载页面（https://github.com/maptalks/maptalks.js/releases）

2、将下载好的文件放入项目的 public 文件下

3、在 index.html 中引入

4、导入后，直接在方法中 new maptalks 就能创建 maptalks 对象了

5、添加标注后的效果

“相关推荐”对你有帮助么？