问题标签 [world-map]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5043 浏览

r - World Map - Plotting Circles,与 No of 相关的圆圈大小

我希望能够在与文档数量相关的图表上创建一个带有圆圈的世界地图。

这是我尝试使用 mapBubbles 来完成的,但是在绘制图表时出现了问题。

我拥有的数据文件如下:

我写的代码如下:

所以问题是你能帮我修复代码以正确绘制数据吗?

干杯,杰斯

0 投票
5 回答
7556 浏览

jquery - Jvectormap 在 div 变化时非常小

我有两个 div,一个是世界地图,一个是美国地图。当美国在世界地图上单击时,我想隐藏该 div 并将美国地图带入视野。

这可行,但地图很小,即使缩放按钮的位置表明 div 的大小是它应该的大小。

在此处输入图像描述

有任何想法吗?

如果我从一开始就将两个 div 设置为“块”,它们的大小都是正确的,只有在调用代码来切换 div 时才会失败。

0 投票
2 回答
3215 浏览

jquery - Algorithm for a tile based map (web browser game) like Tribal Wars world map

I'm trying to create a tile based world map like Tribal Wars has or The-West games. I created a little bit of it but it loads too slow when you drag the map with your mouse.

My algorithm works like this:


On page load:

  • load the tiles from 1 to 19(x1 to y1 and x2 to y2) via JQuery's $.post method(I need the screen's width and height for that 19=1900/tile_width, because I want the map to fill the entire page)
  • append the returned data(tiles) to the screen (so far so good)

On map drag:

  • load again via .post tiles (based on how many pixels you dragged)
  • append again the data(tiles on the screen)

Everything is working if you drag slow but if you want to drag like a crazy man the map will become a mess(it doesn't load all the tiles)

Can you provide me a better algorithm with some examples if possible or maybe some source codes (i didn't found nothing on google about these 2 games' maps)

P.S. I tried to put my example on 000webhost.com but I don't know why the json_decode() returns null .On my pc works fine.

0 投票
0 回答
152 浏览

google-maps-api-3 - d3.geo 沿海城镇未投影在世界地图上

我正在使用 d3.js(特别是 d3.geo)根据来自 mongodb 数据存储的数据来预测不同位置之间的贸易路线。位置的地理编码是从 google maps api 查询的,用于的 geojson 是从http://naturalearthdata.com/downloads/50m-culture-vector的 .shp 文件中提取的。

我引用了这个块来创建可视化。大多数贸易路线都会出现,但是如果路线的位置之一是沿海城市/城镇,例如旧金山,则该路线将不会投影在图表上。我怀疑该位置的地理编码(纬度,经度)不能将自身附加到路径,因为它没有超出任何路径的沿海边界。任何指向这个小问题的指针将不胜感激。

0 投票
1 回答
449 浏览

r - 如何避免 R 世界地图中的断线?

我需要在世界地图中可视化一些地理数据。我已经学习了 Flowing Data 的大圆映射教程,结果似乎很奇怪。如下所示:

结果在这里

显然我需要避免这些交叉的图片线。但我该怎么做呢?绘制地图的代码是这样的:

我已经尝试了 gpe 提供的代码Automating great-circle map production in R

结果是这样的: 互清法

而我只想用最短的距离到达所需的地方。

而来自网络的答案,比如使用像 greatCircle() 这样的另一个函数也未能实现我的目标。

那么有没有人知道如何实现这个目的?

非常感谢!!

0 投票
1 回答
1269 浏览

r - R:使用地图工具绘制邻国

假设我正在使用地图工具在世界地图上绘制国家,如果我要绘制一个国家,有没有办法以不同的颜色绘制与这个国家接壤的国家?我正在使用wrld_simplmaptools 附带的 shapefile,所以说我绘制中国:

有没有办法让我把所有与中国接壤的国家都画出来。我希望能够为许多不同的国家做到这一点,所以理想情况下我想要一个通用的解决方案,而不仅仅是针对中国的解决方案。

0 投票
1 回答
584 浏览

r - R:从世界地图shapefile上的一点绘制径向距离

与我之前的问题类似,假设我正在使用地图工具在世界地图上绘制国家,如果我要绘制一个国家,有没有办法找到这个国家的中心点并从该点绘制径向距离?我正在使用wrld_simpl附带的 shapefile maptools,所以如果我绘制德国:

我想找到德国的中心并从这一点绘制一个圆圈,以显示任何位于 100 公里距离内的区域。同样,我希望能够为许多不同的国家/地区执行此操作,因此理想情况下,我想要一个通用的解决方案,而不是仅针对德国的解决方案。

0 投票
2 回答
1564 浏览

jquery - 来自json的Jvectormap标记

该代码有效,但从 JSON 加载时没有任何反应。我假设我的 JSON 格式不正确。如何更正我的 data.json?

{[“latLng”:[47.5,19.0833],“名称”:“1”},{latLng:[51.5170,-0.1050],名称:“2”}]}

0 投票
1 回答
2596 浏览

r - 用 R 绘制具有指定网格的世界地图

我正在尝试使用 maptools 包中的 wrld_simpl 来绘制一张带有经度/纬度网格的世界地图。

例如,我有一个包含经度和纬度的 netCDF 文件,我创建了一个包含网格上所有点的矩阵:

现在我想绘制坐标在我的网格上的国家。

我不知道如何处理 wrld_simpl 属性!

0 投票
2 回答
2380 浏览

android - 如何在 Android 中创建包含所有国家/地区的交互式世界地图?

我想创建具有交互功能的国家世界地图,例如选择、颜色编码和自定义图例。这样做的正确方法是什么?如果已经有任何这样的库,请发布链接。

更新

所以最后我使用 androidsvg 库来加载 SVG 文件。我从 wikimedia 获得了 worldmap svg 文件。SVG 文件大约 2.4Mb 。因此渲染需要一些时间。它工作得很好。遗憾的是,没有教程/示例应用程序描述了使用 SVG 的另一个重要方面,即缩放(缩放选项),甚至处理(onClick 事件)。等任何帮助将不胜感激。