2012-08-16 9 views
0

Я нашел это очень странное положение при использовании leaflet.js библиотеки на моем локальном сервере:листовка загружается HTML внутри тега сценария

код:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>map lab</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <link rel="stylesheet" href="leaflet.css" /> 
     <script src="leaflet.js"></script> 
     <style type='text/css'> 
      #map { height: 256px; } 
     </style> 
    </head> 
    <body> 
     <div id='map'></div> 
     <script type='text/javascript'> 
      var map = new L.map('map').setView([0.0, 0.0], 14); 
      L.tileLayer('http://10.21.142.254/lab/map/{z}/{x}/{y}.png', { 
       maxZoom: 18, 
       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); 

     </script> 
    </body> 
</html> 

только штраф, но ничего «нагрузки». При проверке FF с использованием Firebug я обнаружил, что весь «html» вставлен внутри тега скрипта (строка 7). То есть весь htm и код с лифтом находятся внутри, и консоль возвращает (очевидно) Синтаксическую ошибку.

Скачан брошюра от Github и пробовал все типы размещения, что на моей структуре каталогов, но без результата.

Кроме того, загрузка библиотеки листовки с их серверов, используя:

<script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script> 

прекрасно работает до сих пор.

Что мне не хватает?

ответ

0

Ok. Виноват. Как-то настройка ссылок с использованием абсолютного URL-адреса пути вместо относительного решения этой проблемы.

вместо:

<link rel="stylesheet" href="leaflet.css" /> <script src="leaflet.js"></script>

использование:

<link rel="stylesheet" href="http://www.domain.com/lab/js/leaflet.css" /> <script src="http://www.domain.com/lab/js/leaflet.js"></script>

ТНХ.