标签: maps

如何在没有外部依赖性的情况下在Ruby中生成图像?

我想在我的Rails应用程序之外使用我自己的数据在Google地图上实现热图.为此,我需要根据我的数据为每个地图坐标(平铺)生成叠加图像.

我发现如何使用ImageMagick生成它,但我不想依赖于此,因为我计划在几个地方分发我的应用程序,所以我想只使用Ruby语言.

请注意,我只需要在一个小的透明方块上绘制不同颜色的点.

ruby maps ruby-on-rails image heatmap

10
推荐指数
1
解决办法
5385
查看次数

通过Leaflet使用本地磁贴的HTML离线地图

有没有办法使用HTML和JavaScript完全脱机显示给定区域的地图?我正在寻找适合移动设备(阅读Cordova的解决方案).

html maps offline tiles leaflet

10
推荐指数
1
解决办法
2万
查看次数

斯卡拉地图:神秘的语法糖?

我刚刚发现了scala的这种语法Map(这里以可变形式使用)

val m = scala.collection.mutable.Map[String, Int]()
m("Hello") = 5
println(m) //PRINTS Map(Hello -> 5)
Run Code Online (Sandbox Code Playgroud)

现在我不确定这是否是语言中内置的语法,或者这里是否有更基本的东西涉及地图扩展的事实PartialFunction.谁能解释一下?

maps scala syntactic-sugar scala-collections

9
推荐指数
2
解决办法
1万
查看次数

如何在Google GeoChart中使用不同的颜色

我理解如何使用GeoChart显示连续的数据(即温度).

但是,如何将其配置为显示不同的数据集(共和党,民主,独立的州)?这可能吗?

谢谢!

javascript maps google-maps google-visualization

9
推荐指数
3
解决办法
1万
查看次数

ggplot2 stat_density2d的透明度和Alpha级别,带有R中的地图和图层

任何人都可以提供关于处理多层透明度和alpha级别的最佳方法的建议(参考ggplot2)?在下面的示例代码中,很难看到各个州的边界线(例如南卡罗来纳州,北卡罗来纳州,弗吉尼亚州) - 我尝试过设置,alpha=0.00001但这似乎会让事情变得更糟......

library(ggplot2)

all_states = map_data("state")
set.seed(103)
df = data.frame(long=sample(-90:-70,100,T), lat=sample(30:45,100,T))
p = ggplot() + 
    geom_polygon(data=all_states, aes(x=long, y=lat, group=group), color="white", fill="grey80") + 
    stat_density2d(data=df, aes(x=long, y=lat, fill=..level.., alpha=..level..), # HELP HERE ???
                   size=2, bins=5, geom='polygon') +
    geom_point(data=df, aes(x=long, y=lat), 
               color="coral1", position=position_jitter(w=0.4,h=0.4), alpha=0.8) + 
    theme_bw()
p
Run Code Online (Sandbox Code Playgroud)

maps visualization r ggplot2

9
推荐指数
1
解决办法
7190
查看次数

Google会映射GeoJSON-切换标记图层吗?

我通过调用PostGIS数据库返回了一些GeoJSON.我希望能够为每个功能添加标记,并能够切换不同类型的标记/功能.目前我正在使用JavaScript为每个功能生成一个标记,根据类型将它们添加到数组中,然后根据需要通过数组设置show/hide来切换'layers'.

这工作正常,但我想知道新的GeoJSON功能是否提供了更好的方法.据我所知,所有功能都被添加到同一个数据层,并且切换它们将涉及设置样式或仅替换新的预过滤的GeoJSON.

所以问题是,是否可以拥有多个数据层,并可以轻松地从地图中添加/删除它们,或者我最好不要查看类似OpenLayers的内容?

编辑:更多研究表明它非常简单.

对于要切换的要素集合中的每种要素类型,请创建新的Data对象.将所有相关功能添加到该数据对象.

var datalayer = new google.maps.Data();
datalayer.addGeoJson(feature);
datalayer.setMap(mainmap);
Run Code Online (Sandbox Code Playgroud)

然后将每个数据对象/要素类型存储为键值对.在切换时,根据需要拉出相关数据对象和setMap:

var datalayer= featuretypesobj["feature type to toggle"];
datalayer.setMap(mymap); //or
datalayer.setMap(null);
Run Code Online (Sandbox Code Playgroud)

maps markers layer toggle geojson

9
推荐指数
1
解决办法
4234
查看次数

离线矢量TileProvider,它扩展了谷歌地图api v2在android中

我知道有一些Android地图库可以从OSM(*.map等)渲染基于矢量的切片.但我没有找到任何只有引擎以图形方式呈现矢量切片并将其作为TileProvider返回到Google Maps api v2 for Android的库.

对于离线光栅图块:我知道如何处理光栅图块(osmdroid jpg文件).好的和有效的例子: TileProvider使用本地磁贴.

有人知道在哪里可以找到矢量瓷砖吗?

亲切的问候,托尼

maps android google-maps vector google-maps-android-api-2

9
推荐指数
1
解决办法
1283
查看次数

使用 Google 地图 API 和地理定位创建地图时出现问题

我必须创建一个使用 Google Maps API 返回客户端位置的地图,这是为了一项任务。

代码工作正常,它找到经度和纬度并将其打印在屏幕上,但是当创建地图时会抛出此错误:消息:“Map:预期类型为 Element 的 mapDiv 但传递为 null。名称:InvalidValueError”

有谁知道为什么会出现,因为我确实指定了mapDiv map = new google.maps.Map(document.getElementById("map"), {center: {lat: latitud, lng: longitud}, zoom: 14});...

var longitud;
var latitud;

var options = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
};
  
function success(pos) {
    var crd = pos.coords;
    latitud = crd.latitude
    longitud = crd.longitude   
    document.getElementById("latitud").innerHTML = latitud 
    document.getElementById("longitud").innerHTML = longitud 
};
  
function error(err) {
    document.getElementById("map").innerHTML = ('ERROR(' + err.code + '): ' + err.message);
};
  
navigator.geolocation.getCurrentPosition(success, error);

function initMap(){
    map = …
Run Code Online (Sandbox Code Playgroud)

html javascript maps google-maps

9
推荐指数
2
解决办法
4万
查看次数

android意图在android 11中打开谷歌地图不起作用

android意图在android 11中打开Goog​​le地图不再工作但可以在较低的API上工作

我们有这个功能

Intent mapIntent = new Intent(android.content.Intent.ACTION_VIEW, Uri.parse("google.navigation:q=" + PICK_LATITUDE + "," + PICK_LONGITUDE ));
                mapIntent.setPackage("com.google.android.apps.maps");
                if (mapIntent.resolveActivity(getPackageManager()) != null) {
                    startActivity(mapIntent);
                }else{
                    Snackbar.make(root, "Google apps is not installed" , Snackbar.LENGTH_SHORT).show();

                }
Run Code Online (Sandbox Code Playgroud)

Android studio 显示了这个建议:

调用此方法时,请考虑在清单中添加声明;有关详细信息,请参阅https://g.co/dev/packagevisibility

maps android

9
推荐指数
2
解决办法
5877
查看次数

如何在不丢失类和属性的情况下直观地编辑 SVG?

长话短说

\n
\n

编辑SVG > Illustrator > SVG时,原始元素类会丢失。如何以安全的方式直观地编辑 svg 文件?

\n
\n
\n

简要背景。我对基于单个 svg 文件的微型 GIS 的想法很着迷。这是我家乡的交互式热图,其中包含建筑物的颜色编码建筑价值以及 Google 地图 API 中不提供的一些视觉效果。因此,我已经设法: 将墨卡托投影中的街道地图从 OpenStreetMap 转换为具有地理参考坐标的 SVG;将建筑物多边形与地址、楼层数和建造年份联系起来;实现可接受的缩放和滚动性能(感谢 D3.js)。

\n

我想象如何使用 SVG。两个有时交替的任务:

\n
    \n
  1. Adobe Illustrator 中的视觉几何校正:校正地形错误、将多边形转换为复合形状(带庭院的建筑物)等。
  2. \n
  3. 在 Chrome 控制台中使用 JavaScript 和 CSS 进行数据可视化。向多边形添加多个类或数据属性,它们负责视觉表示。例如,在样式表中使用不同的选择器和规则,我可以根据建筑物的建筑风格、高度和建造时间段,在特定大小、亮度和色调的多边形周围创建发光:<polygon class="bld bld-type-public bld-age-soviet bld-style-constructivism" data-storeys="4" data-year="1927" id="b5270" points="2427,788 2435,786 2436,790 2433,791 2428,792"></polygon>
  4. \n
\n

这个过程是漫长且反复的。矢量图像需要定期编辑,同时根据收集的数据进行 DOM 操作。

\n

面对现实。Adobe Illustrator 作为编辑复杂矢量图像的强大工具,可将 SVG 文件的 DOM 转换为其自己的对象模型。但它并没有完全做到这一点。在我的方法中,一些数据在 Illustrator 中编辑后会永久丢失。

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n …

css maps svg adobe-illustrator

9
推荐指数
1
解决办法
1411
查看次数