new BMapGL.Icon(require("/static/index/images/gai.png") 怎么引入本地图片
时间: 2023-11-28 22:06:43 浏览: 76
在普通的 HTML + JavaScript 项目中,使用相对路径或者绝对路径引入本地图片即可。
例如,假设 /static/index/images/gai.png 是位于项目根目录下的一张图片,可以使用以下代码来引入该图片:
```javascript
new BMapGL.Icon('/static/index/images/gai.png', new BMapGL.Size(36, 36), {
anchor: new BMapGL.Size(15, 34)
})
```
在 Vue.js 项目中,可以使用 require 函数或者 import 语句来引入本地图片。具体方法如下:
1. 使用 require 函数:
```javascript
new BMapGL.Icon(require('@/assets/img/gai.png'), new BMapGL.Size(36, 36), {
anchor: new BMapGL.Size(15, 34)
})
```
在上面的代码中,我们使用 require 函数来引入位于 src/assets/img/gai.png 的图片,并将图片路径作为 new BMapGL.Icon 的第一个参数。
2. 使用 import 语句:
```javascript
import gai from '@/assets/img/gai.png'
new BMapGL.Icon(gai, new BMapGL.Size(36, 36), {
anchor: new BMapGL.Size(15, 34)
})
```
在上面的代码中,我们使用 import 语句来引入位于 src/assets/img/gai.png 的图片,并将图片赋值给一个变量 gai,最后将该变量作为 new BMapGL.Icon 的第一个参数。
需要注意的是,在使用 require 函数时,需要使用相对路径或者 @ 表示 src 目录,而在使用 import 语句时,需要使用相对路径或者 @ 表示 src 目录,并且需要在脚本中进行引入。
阅读全文