标签: stamen-maps

我非常感谢有关ggmap和stamen水彩问题的一些帮助/想法.

每次我尝试创建一个雄蕊水彩地图时,我都会收到相同的错误消息:

"Error in readPNG(destfile) : file is not in PNG format"

以下是返回此错误的简单代码的一些示例:

qmap("new-york", zoom=13, source="stamen", maptype="watercolor")

要么

get_map(location='Auckland', source="stamen", maptype="watercolor", zoom=13)

我在Windows 8下使用r版本:[默认] [64位] C:\ Program Files\R\R-3.0.2

我意识到有几个人发布了同样的问题 - 但只有少数 - 我没有看到任何解释/建议.我很难过和沮丧,我真的希望有比我更多经验的人遇到(并解决)这个问题.提前致谢或您可以提供任何帮助

我想将此地图图块图层添加到我的地图 - Stamen toner-background。正如我在文档中阅读的那样，我需要在地图的tiles 属性中简单地提供自定义网址

mapa = folium.Map(width=1000, height=700, zoom_start=5.5,
              location=[52.5, 19], tiles='http://maps.stamen.com/toner-background/embed#6/{x}/{z}', attr="toner-bcg")

它加载但没有显示任何内容。

我真的不知道这种归因是如何运作的，我应该怎么做。我喜欢这种瓷砖，因为它就像雄蕊调色剂，但没有国名，这使我的地图更漂亮。

我正在尝试编写一个模块`来加载Require.js下的Stamen tile图,但我不确定如何最好地使用Require.

如果您之前没有看过Stamen地图,他们的网站就在Stamen Maps.

这是地图视图的代码view.js

define([
  'jquery',
  'underscore',
  'backbone',
  'maps',
  'text!templates/map/view.html'
], function($, _, Backbone, maps, mapTemplate){
  var mapView = Backbone.View.extend({
    el: $(".map"),
    displayMap: function() {
      this.options = {
        center: new maps.LatLng(-37.8, 144.9),
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        scrollwheel: false
      };
      this.render();
    },
    render: function(){
      var compiledTemplate = _.template(mapTemplate);
      var $el = $(this.el);
      $el.html(compiledTemplate);
      this.map = new maps.Map($el.find('.map').get(0), this.options);
    }
  });
  return new mapView;
});

我正在加载以下模块的地图API:

map.js

define(['google!maps/3/sensor=false'], function() { 
  return google.maps;
});

哪个有google.js的依赖

define(['http://www.google.com/jsapi?key=THE_API_KEY&callback=define'], { …

我正在尝试将以下Leaflet.js滑块添加到我的地图中：https : //github.com/Eclipse1979/leaflet-slider

我最初只是在安装Carto时安装了传单

<!-- cartodb.js comes with Leaflet @0.7 and jQuery -->
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />

但是，当我尝试安装更高版本的Leaflet以使用Slider时，出现以下类型错误：

TypeError: L.StamenTileLayer is not a constructor

我尝试使用快速入门指南安装Leaflet：

<!-- cartodb.js comes with Leaflet @0.7 and jQuery -->
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />

并直接从插件主目录安装文件

<link rel="stylesheet" href="leaflet.css">
<link rel="stylesheet" href="example.css">
<link rel="stylesheet" href="leaflet-slider.css">

<script src="leaflet.js"></script>
<script src="leaflet-slider.js"></script>

两种情况都会导致相同的错误。我使用以下内容加载雄蕊层：

var map = L.map('map').setView([51.47, 0.25], 10);
    map.on('click', onMapClick);
    //create a tile layer for our toner basemap
    var tonerLayer = new L.StamenTileLayer("toner");
    map.addLayer(tonerLayer);

我使用以下代码添加了微调器：

slider = L.control.slider(function(value) …