Tag: jvectormap

JVectorMap滚动速度和全屏问题

我正在使用JVectorMap在我的网站上创建一个地图页面。 但是我发现滚动变焦速度很慢。 如何调整滚动速度? 此问题没有文档。 我找到了这个: zoomStep: 1.6, 但是,这是指定按钮的缩放步骤,而不是滚动。 我发现的另一个问题是我无法将Map Container的高度设置为: window.innerHeight; 但我可以将宽度设置为: window.innerWidth; 如何指定Map容器​​的高度与窗口大小相关? 我也尝试过使用%值。 谢谢

ValueError:没有JSON对象可以在python中解码

我按照post上的说明将形状文件转换为jvector地图,我已经从这个网站下载了形状文件。 以下是我的bat文件的内容。 python converter.py ^ New_South_Wales.shp ^ test-map.js ^ –width 400 ^ –where “ISO_3166_2 = ‘AU-‘ and code_hasc!=”” ^ –country_name_index 12 ^ –country_code_index 18 ^ –minimal_area 4000000 ^ –buffer_distance -0.5 ^ –simplify_tolerance 10000 ^ –longitude0 25.2744 ^ –name nsw 我的文件夹包含以下文件 执行bat文件时,我在命令提示符下遇到以下错误。 D:\POC\research\converter>makemap D:\POC\research\converter>python converter.py New_South_Wales.shp test-map.js – -width 400 –where “ISO_3166_2 = ‘AU-‘ and code_hasc!=”” […]

jvectormap标记

我正在使用jvectormap来显示与我合作的业务相关的校友的位置。 是否有添加标记链接的解决方案? 我的意思是对于每个单独的标记,我知道您可以使用此代码将所有标记链接到一个URL(作为示例): onMarkerClick: function (event, code){ var url = “http://www.google.com”; $(location).attr(‘href’,url); }, 我安排了这样的标记: “US”: {latLng: [38.90, -98.45], name: ‘United States of America’} ,如果这有任何区别的话。 我希望为每个标记使用唯一的URL。 因此,USA链接到专门针对美国的页面。 目前,我可以使用上面的代码将所有标记链接到单个URL,当我尝试不止一个国家​​遇到问题时。 提前致谢, 汤姆。

在jVectorMap上绘制自定义标记

我是qQuery的新手,并没有在javascript中做过很多。 我有一个小的jVectorMap,上面有大约10个国家,我想在每个国家的顶部绘制一个小饼图。 我看到你可以创建标记,但我看不出你如何将自定义标记分配给一个国家。 我很高兴只是使用SVG插件直接在jVectorMap上绘图,但我似乎无法让它工作。 例如,使用“jQuery SVG”插件,我试图在地图上绘制一个圆圈。 这是代码: function drawCircle(svg) { svg.circle(75, 75, 50, {fill: ‘none’, stroke: ‘red’, strokeWidth: 3}); } $(function(){ $(‘#europe-map’).vectorMap({ map: ‘north-west-europe’, focusOn: { x: 0.3, y: 0.4, scale: 1.25 }, }); }); $(‘#europe-map’).svg({onLoad: drawCircle}); 这是结果: 实际上,为jQuery SVG“canvas”创建了一个重复的div,并且按下了世界地图。 是否可以引用jVectorMap使用的SVG绘图空间来绘制内容? 也许有更好的方法来使用自定义标记或类似的东西吗? 非常感谢,如果这是一个愚蠢的问题,请道歉。

Jvector地图,如何专注于标记?

我对Jvectormap的另一个令人沮丧的问题是,我希望通过lngLat专注于页面/地图上的标记加载,我该怎么做? 理想情况下,最好关注这个标记或专注于latlng。 我只会在每张地图上显示1个标记,但我不会知道x / y只是lngLat或可能是国家代码。 可能有一种更简单的方法来做到这一点,所以欢迎提出建议。 感谢您的高级帮助 var markers = [ {latLng: [47.774099, -52.793427], name: “loc 1”, label: “This blahblah”}] $(function(){ $(‘#map1’).vectorMap({ map: ‘world_mill_en’, scale: [‘#C8EEFF’, ‘#0071A4’], normalizeFunction: ‘polynomial’, hoverOpacity: 0.7, hoverColor: false, markerStyle: { initial: { fill: ‘#F8E23B’, stroke: ‘#383f47’ } }, backgroundColor: ‘#383f47’, markers: markers, focusOn:{ latLng: [47.774099, -52.793427], scale: 5 }, onMarkerLabelShow: […]

jVectorMap标签不可见,为什么?

我在网页上创建了一个带触发器的滑块面板。 在这个面板上,我放置了jVectorMap。 它工作正常(当我打开滑块面板时可以看到地图)只是国家标签不可见。 谁知道为什么? 代码部分: $(“.trigger”).click(function(){ $(“.panel”).toggle(“fast”); $(this).toggleClass(“active”); return false; }); colors = {}; colors[‘it’] = ‘#76ced9’; $(‘#map’).vectorMap({ map: ‘europe_en’, //map: ‘jquery-jvectormap-europe-en’, onLabelShow: function(event, label, code){ if (code == ‘it’) { event.preventDefault(); } else if (code == ‘it’) { label.text(‘bla bla bal’); } }, colors: colors, hoverOpacity: 0.7, // opacity for :hover hoverColor: false }); […]

JVectormap按代码放大

您好我在我的ASP.NET / C#Web应用程序中使用Jvectormap http://jvectormap.owl-hollow.net/ 。 我正在使用世界地图。 有没有办法集中它并将其缩放到默认只显示非洲? 整个世界都在展示,用户必须手动放大/调整。 可以默认或通过代码完成吗? 非常感谢

jVectorMap错误:“jvm未定义”

我正在尝试重新创建美国失业的jVectorMap示例可视化。 我直接从github上获取了代码。 地图,不会加载,控制台给我这个错误:“jvm没有定义。” 这是代码: Maps $(function(){ $.getJSON(‘data.json’, function(data){ var val = 2009; statesValues = jvm.values.apply({}, jvm.values(data.states)), metroPopValues = Array.prototype.concat.apply([], jvm.values(data.metro.population)), metroUnemplValues = Array.prototype.concat.apply([], jvm.values(data.metro.unemployment)); $(‘.map’).vectorMap({ map: ‘us_aea_en’, markers: data.metro.coords, series: { markers: [{ attribute: ‘fill’, scale: [‘#FEE5D9’, ‘#A50F15’], values: data.metro.unemployment[val], min: jvm.min(metroUnemplValues), max: jvm.max(metroUnemplValues) },{ attribute: ‘r’, scale: [5, 20], values: data.metro.population[val], min: jvm.min(metroPopValues), max: […]

jvectormap标记标签图像

有谁知道如何将两个不同的图像添加到两个不同的标记的标签? $(‘#map’).vectorMap({ markerStyle: { initial: { fill: ‘#F8E23B’, stroke: ‘#383f47’ } }, backgroundColor: ‘#383f47’, markers: [ {latLng: [46.90, 8.45], name: “Italy”}, {latLng: [26.02, 50.55], name: ‘Bahrain’}, ], onMarkerLabelShow: function(event, label, code) { label.html(“”+ label.html()); } }); 这会在两个标记上显示相同的图像

如何为JVectorMap jquery插件生成新的自定义映射?

有用的链接 JVectorMap: http ://jvectormap.com/ 购物中心示例: http : //jvectormap.com/examples/mall/ 注意; 请查看转换器链接的上述链接,因为少于10个声誉是新成员,我不能添加两个以上的链接。 关于购物中心 在这个问题的“有用链接”部分,我添加了一个购物综合体示例的链接,可以在JVectorMap网站上找到。 在此页面上,它解释了以下内容; 使用此处提供的转换器从SVG创建的自定义地图示例(请参阅注释)。 请注意,如果您使用从SVG生成的地图,您需要按像素坐标定位标记,而不是像从GIS生成地图的情况那样按纬度和经度定位。 我需要帮助的是什么 我需要为我当地的购物中心制作类似的地图,复杂的经理人提供了数字地图。 我需要知道如何采用建筑群的每日图像格式并将其转换为形状文件,然后如何将该文件与转换器一起使用以创建我自己的自定义地图。