2016-10-31 13 views
0

Я собрал этот код для создания карты с центром в месте и протестировал ее с несколькими приложениями для песочницы, и это работает, но когда я пытаюсь запустить ее из .html-файла на моем рабочем столе страница пуста. Кто-нибудь есть идеи о том, что я делаю неправильно?javascript работает в песочнице, но не в браузере

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user- scalable=no"> 
    <title>OKC MapView - Create a 2D map - 4.1</title> 
    <style> 
    html, 
    body, 
    #viewDiv { 
     padding: 0; 
     margin: 0; 
     height: 100%; 
     width: 100%; 
    } 
    </style> 

    <link rel="stylesheet" href="https://js.arcgis.com/4.1/esri/css/main.css"> 
    <script <!-- src="https://js.arcgis.com/4.1/"> //--></script> 

    <script> 
    <!-- 
    require([ 
     "esri/Map", 
     "esri/views/MapView", 
     "dojo/domReady!" 
    ], function(Map, MapView) { 

     var map = new Map({ 
     basemap: "togo" 
     }); 

     var view = new MapView({ 
     container: "viewDiv", 
     map: map, 
     zoom: 10, 
     center: [-97.508, 35.482] 
     }); 

    }); 
    //--> 
    </script> 
    </head> 

    <body> 
    <div id="viewDiv"></div> 
    </body>      
    </html> 
+0

Вы просматривали консоль в инструментах разработчика? Какие сообщения об ошибках отображаются? – Quentin

+0

Я не видел никаких ошибок, но я использовал инструмент онлайн-разработки вместо чего-то более надежного. –

+0

«Я пытался открыть его напрямую как файл: ///« ... », инструмент для онлайн-разработки». Эти утверждения кажутся противоречивыми , – Quentin

ответ

0

Вы пытаетесь открыть файл непосредственно в file:///, то он не может работать, как вам нужно, чтобы разместить его на веб-сайте.

Нет услуги по названию "togo", она должна быть "topo".

Кроме того, избавиться от ненужных комментариев <!-- -->

Надежда это было полезно.

+0

Я пытался открыть его как файл: ///, так что это объясняет! Я новичок в javascript, поэтому большое вам спасибо за ваш совет! –