Взял пример отсюда.песочница
немного адаптировал его для django.
Не работает ajax запрос, хотя при просто открытии браузером страницы, все нормально. Карты грузятся, data.json подхватывается и объекты отображаются. При открытии с django, карта подгружается, а сам запрос отваливается. В итоге показывается просто карта без объектов.
Firebug - пишет. GET http://127.0.0.1:8000/map/data.json 200 OK 15ms
{% load staticfiles %} <!DOCTYPE html> <html> <head> <title>Примеры. Добавление на карту большо числа объектов</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)--> <script src="http://api-maps.yandex.ru/2.1/?lang=ru-RU" type="text/javascript"></script> <script src="http://yandex.st/jquery/2.1.0/jquery.min.js" type="text/javascript"></script> <script src="{% static '/js/example.js' %}" type="text/javascript"></script> <style> html, body, #map { width: 100%; height: 100%; padding: 0; margin: 0; } </style> </head> <body> <div id="map"></div> </body> </html>
ymaps.ready(init); alert(' '); function init () { var myMap = new ymaps.Map('map', { center: [55.76, 37.64], zoom: 10 }, { searchControlProvider: 'yandex#search' }), objectManager = new ymaps.ObjectManager({ // Чтобы метки начали кластеризоваться, выставляем опцию. clusterize: true, // ObjectManager принимает те же опции, что и кластеризатор. gridSize: 32 }); // Чтобы задать опции одиночным объектам и кластерам, // обратимся к дочерним коллекциям ObjectManager. objectManager.objects.options.set('preset', 'islands#greenDotIcon'); objectManager.clusters.options.set('preset', 'islands#greenClusterIcons'); myMap.geoObjects.add(objectManager); $.ajax({ url: "data.json", dataType:'json' }).done(function(data) { alert(data); objectManager.add(data); }); }