首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jVectorMap标记为图标

jVectorMap标记为图标
EN

Stack Overflow用户
提问于 2016-10-27 19:08:00
回答 1查看 1.7K关注 0票数 2

有人知道如何在jVectorMap中添加图像作为标记吗?

我在这里读了很多关于堆栈溢出的文章,解决了同样的问题,但我没能做到。

我的代码是下一个:

代码语言:javascript
运行
复制
$(function(){
            $('#map').vectorMap({
              zoomOnScroll: false,
              scaleColors: ['#C8EEFF', '#0071A4'],
              hoverOpacity: 0.7,
              hoverColor: false,
              backgroundColor: '#6F644E',
              markers: [
                {latLng: [40.4381311, -3.8196209], name: 'Spain'},
              ],
              markerStyle: {
                initial: {
                  image: 'http://jvectormap.com/img/icon-np-2.png',
                }
              },
            });
        });
代码语言:javascript
运行
复制
<link rel="stylesheet" href="resources/jquery-jvectormap/jquery-jvectormap-2.0.3.css" type="text/css" media="screen"/>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="resources/jquery-jvectormap/jquery-jvectormap-2.0.3.min.js"></script>
<script src="resources/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>

<div id="map" class="container-fluid cont-slider">

但是当我试图运行代码时,每次都会出现这样的错误:

另外,我想补充一下,我读取了这个http://jvectormap.com/examples/marker-icons/,但是它没有工作。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-28 10:32:00

我也面临过同样的问题。看起来jVectorMap并不支持JQuery v.3.x.x的所有特性。我已经尝试过所有的旧版本,发现2.2.4很好用。最新的Jquery版本只适用于非图像标记。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40292402

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档