Leaflet Map with MapQuest Plug In is broken

2 posts / 0 new
Last post
MartinHBrown
Leaflet Map with MapQuest Plug In is broken

Hello!

I am having trouble getting my MapQuest base lay to show not that usage rights have changed. I have added the additional lines of code mentioned here https://developer.mapquest.com/documentation/leaflet-plugins/maps, but i am still not able to get the tiles to load. I have created a application and have a customer key also. 

 

here is the code that i think isn't working for me:

=====================================================================================================================================

<!DOCTYPE html>
<html>
    <head>
        <title>Green Lake Association</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>
        <script src="https://www.mapquestapi.com/sdk/leaflet/v2.2/mq-map.js?key='KEY"></script>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="css/own_style.css">
        <link rel="stylesheet" href="css/label.css" />
        <link rel="stylesheet" href="http://k4r573n.github.io/leaflet-control-osm-geocoder/Control.OSMGeocode..." />    
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
        <script src="js/leaflet-hash.js"></script>
        <script src="js/label.js"></script>
        <script src="js/Autolinker.min.js"></script>
        <script src="http://k4r573n.github.io/leaflet-control-osm-geocoder/Control.OSMGeocode..."></script>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    </head>
    <body>
        <div id="map"></div>
        <script src="data/exp_WWDIVTERR.js"></script>
        <script src="data/exp_StreamLayerGreenLake.js"></script>
        <script src="data/exp_USGSMonitors.js"></script>
        <script src="data/exp_SoftPractices.js"></script>
        <script src="data/exp_barnyardsurveyinventoryinformation.js"></script>
        <script src="data/exp_ParcelsinPriorityAreasGL.js"></script>
        <script src="data/exp_ParcelsinPriorityAreasFDL2.js"></script>
        <script src="data/exp_GLCParcelsClippedHUC14.js"></script>
        <script src="data/exp_NutrientLoadPriorityAreas.js"></script>
        <script src="data/exp_GreenLakeUWGBSWATModel.js"></script>
        <script src="data/exp_HUC12WS.js"></script>
        <script src="data/exp_Counties.js"></script>
        <script src="data/FDCparcels.js"></script>
        <script>
        
    
        var map = L.map('map', {
        zoomControl:true, maxZoom:19
        }).fitBounds([[43.4732002697,-89.7530517561],[44.1303255811,-88.2946210119]]);
        var hash = new L.Hash(map);
        var additional_attrib = 'created w. <a href="https://github.com/geolicious/qgis2leaf" target ="_blank">qgis2leaf</a> by <a href="http://www.geolicious.de" target ="_blank">Geolicious</a> & contributors<br>';
        var feature_group = new L.featureGroup([]);
        var raster_group = new L.LayerGroup([]);
        var basemap_0 = L.tileLayer('http://otile1.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg', { 
            attribution: additional_attrib + 'Tiles Courtesy of <a href="http://www.mapquest.com/">MapQuest</a> &mdash; Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency'
        });    
        basemap_0.addTo(map);    

=========================================================================================================================

.... and then all my data is below. can anyone help me with this?

 

Thanks!

 

 


MQBrianCoakley
We sure can. The basemap_0 =
We sure can. The basemap_0 = L.tileLayer('http://otile1.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg line is accessing tiles directly which is no longer supported. You'll need to use something like basemap_0 = MQ.mapLayer() instead.