标签: cloudmade

我正在尝试创建一个jquery手机移动应用程序,我想使用嵌入其中的传单地图.我现在正在做一个非常基本的概念验证,但我没有太多运气.每次我尝试加载地图时,地图的.png都不会加载,控制台会告诉我它是Forbidden.我想我可能错误地设置了地图网址,但是文档在CloudMade网站上有点模糊.我们将非常感谢您提供的任何帮助.

码:

var map = new L.Map('map');

var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/MY_APP_KEY/997/256/{z}/{x}/{y}.png',
    cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});
map.addLayer(cloudmade);

map.locateAndSetView(16);

map.on('locationfound', onLocationFound);

function onLocationFound(e) {
    var radius = e.accuracy / 2;

    var marker = new L.Marker(e.latlng);
    map.addLayer(marker);
    marker.bindPopup("You are within " + radius + " meters from this point").openPopup();

    var circle = new L.Circle(e.latlng, radius);
    map.addLayer(circle);
}

map.on('locationerror', onLocationError);

function onLocationError(e) {
    alert(e.message);
}

Run Code Online (Sandbox Code Playgroud)

当我尝试加载图像时,出现以下错误:获取http://a.tile.cloudmade.com/MY_APP_KEY/997/256/0/0/0/0pn 403(禁止).显然我正在用我从CloudMade获得的密钥替换MY_APP_KEY,但除此之外,我不知道还有什么地方可以转.

在此先感谢您的帮助.

mobile jquery cloudmade leaflet

Rac*_*App

lucky-day

4
推荐指数

2
解决办法

3367
查看次数

leafletjs setMaxBounds不会缩小以查看整个世界

我正在使用传单js来显示使用cloudmade瓷砖的世界地图.当我setMaxBounds到地图时,除了北方之外,边界工作得很好.然而,这不是我最关心的问题.我担心的是,正如我使用的那样,maxBounds我无法缩小以查看任何屏幕尺寸的整个世界.

我使用的界限从加拿大的东北角到澳大利亚的西南一直到达.我可以平移到达边界但不能缩小以查看整个地图.我设置minZoom为0.没有maxBound,它被缩小到太远,你可以看到世界在大屏幕上重复三次.

map = L.map('canvas',{zoomControl: false}).setView([38.82259, -2.8125], 0);
map.setMaxBounds([[84.67351256610522, -174.0234375], [-58.995311187950925, 223.2421875]]);

Run Code Online (Sandbox Code Playgroud)

任何帮助都是适当的.阿尼尔

map cloudmade leaflet

Ani*_*jan

2013 05-15

4
推荐指数

1
解决办法

7414
查看次数

OpenstreetMap + Leaflet和CloudMade

我在我的项目OpenstreetMap和Leaflet中使用.添加图层:

 L.tileLayer("http://{s}.tile.cloudmade.com/{my_key}/997/256/{z}/{x}/{y}.png",
 attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors, <a href=\"http://creativecommons.org/licenses/by-sa/2.0/\">CC-BY-SA</a>, Imagery © <a href=\"http://cloudmade.com\">CloudMade</a>"
).addTo map

Run Code Online (Sandbox Code Playgroud)

但是今天我收到了CloudMade的一封信......

从5月1日起,我们将停止为您的API密钥提供服务.这意味着您可能在应用或网站中使用的地图平铺,地理编码和路由等CloudMade服务将停止工作.

如何在没有此API的情况下添加地图？

openstreetmap cloudmade leaflet

non*_*one

2014 04-01

3
推荐指数

1
解决办法

1571
查看次数

结合Google Maps Geocoder和Leaflet Map Receiving Error:无效的LatLng对象

我正在使用谷歌地图地理编码器来获取地址的纬度和经度.我接着使用该地址并使用Leaflet并将地图平移到纬度+经度坐标.但是,我收到Firebug的错误说Error: Invalid LatLng object: (-33.8674869, 151.20699020000006, undefined).我知道我的变量geolocation返回-33.8674869, 151.20699020000006但不是undefined.是什么导致了这个问题？

 <body onload="initialize()">
  <div id="result"></div>
 <div>
  <input id="address" type="textbox" value="Sydney, NSW">
  <input type="button" value="Geocode" onclick="codeAddress()">
 </div>

 <div id="map"></div>

 <script type="text/javascript">

 var map = L.map('map').setView([33.7489954, -84.3879824], 13);

  var geocoder;

  function initialize() {
    geocoder = new google.maps.Geocoder();     
  }

  function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {

        var geolocation = String(results[0].geometry.location);

        var geolocation = geolocation.replace('(','');

        var geolocation = geolocation.replace(')',''); …

Run Code Online (Sandbox Code Playgroud)

javascript google-maps google-maps-api-3 cloudmade leaflet

jas*_*328

2012 10-08

2
推荐指数

1
解决办法

4756
查看次数