2015-12-21 2 views
0

Я новичок в GIS, и я работаю над своим учебником openLayer.Ошибка при добавлении Overlay WMS

Вот HTML код:

<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="format-detection" content="telephone=no" /> 
     <meta name="msapplication-tap-highlight" content="no" /> 
     <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> 
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
     <link rel="stylesheet" type="text/css" href="css/index.css" /> 
     <title>Hello World</title> 
    </head> 
    <body> 
     <div class="app"> 

      <div style="width:100%; height:100%" id="map"></div> 
     </div> 

     <script type="text/javascript" src="cordova.js"></script> 
     <script type="text/javascript" src="js/index.js"></script> 
     <script src="http://openlayers.org/api/OpenLayers.js"></script> 
     <script type="text/javascript"> 
      app.initialize(); 
     </script> 
    </body> 
</html> 

Вот JavaScript код:

var app = { 
    // Application Constructor 
    initialize: function() { 
     //this.bindEvents(); 

    var map = new OpenLayers.Map('map'); 
    var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0", { layers: 'basic' }); 

    var dm_wms = new OpenLayers.Layer.WMS(
        "Canadian Data", 
        "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", 
        { 
         layers: "bathymetry,land_fn,park,drain_fn,drainage," + 
           "prov_bound,fedlimit,rail,road,popplace", 
         transparent: "true", 
         format: "image/png" 
        }, 
        { isBaseLayer: false } 
       ); 

    var vectorLayer = new OpenLayers.Layer.Vector("Overlay"); 
    var feature = new OpenLayers.Feature.Vector(
    new OpenLayers.Geometry.Point(-71, 4), 
    { some: 'data' }, 
    { 
     externalGraphic: 'img/location_fav.png', 
     graphicHeight: 21, 
     graphicWidth: 16 
    }); 
    vectorLayer.addFeatures(feature); 

    map.addLayers([wms, dm_wms, vectorLayer]); 
    map.zoomToMaxExtent(); 
} 

};

Просмотр в браузере:

enter image description here

Я получаю эту ошибку:

http://www2.dmsolutions.ca/cgi-bin/mswms_gmap?LAYERS=bathymetry%2Cland_fn%2…EST=GetMap&STYLES=&SRS=EPSG%3A4326&BBOX=-180,-90,0,90&WIDTH=256&HEIGHT=256 Failed to load resource: net::ERR_NAME_NOT_RESOLVED 

Если удалить из Java-script Этот строки:

var dm_wms = new OpenLayers.Layer.WMS(
       "Canadian Data", 
       "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", 
       { 
        layers: "bathymetry,land_fn,park,drain_fn,drainage," + 
          "prov_bound,fedlimit,rail,road,popplace", 
        transparent: "true", 
        format: "image/png" 
       }, 
       { isBaseLayer: false } 
      ); 

Я получаю эту точку зрения в браузере :

enter image description here

Любая идея, почему я получаю ошибку выше, когда пытаюсь наложить слой?

ответ

Смежные вопросы