Я передаю набор данных с сервера:
from django.shortcuts import render
....
context.update({
'request': request,
'model_class' : model_class,
'id': model_class.id,
'coords_x': coords_x, # например, 40.982 (float)
'coords_y': coords_y, # например, 50.982 (float)
'icon': model_icon, # например, "http://image.flaticon.com/icons/svg/126/126482.svg" (unicode)
})
return render(request, 'app/mypage.html', context)
в app/mypage.html
данные приходят в странном виде. В числах float
точка меняется на запятую, из-за чего скрипт не воспринимает его ни как строку, ни как число, и выдаёт ошибку не только при попытке обработать данные, но и при преобразовании во float
или в string
. Эту проблему можно обойти, передав в context
не coords_x
, а str(coords_x)
, тогда точка сохранится и можно будет на клиенте преобразовать это в число. Но это выглядит странно. И я не могу решить проблему с model_icon
: браузер не воспринимает строку url после двоеточия. Вызывается ошибка Uncaught SyntaxError: Unexpected token :
Даже если убрать двоеточие из передаваемой строки, та же ошибка. Что нужно почитать, чтобы разобраться, почему так происходит?
Нерабочий кусочек из app/mypage.html
:
<div class='item_map'>
{% leaflet_map "map" callback='map_init_point' %}
</div>
<script type="text/javascript"> 'use strict';
function map_init_point (map, options){
var coords = [];
coords.push(parseFloat({{ coords_x }}));
coords.push(parseFloat({{ coords_y }}));
if ({{ icon|safe }}){ // вот эта строка никак не хочет работать
// в консоли браузера она выглядит как
// if (image.flaticon.com/icons/svg/46/46045.svg){ ,
// а переменная должна быть в кавычках
var Point_Icon = L.icon({
iconUrl: 'http://' + {{ icon|safe }},
iconSize: [20, 20],
iconAnchor: [10, 10],
});
L.marker(coords, {icon: Point_Icon}).addTo(map);
} else {
L.marker(coords).addTo(map);
}
map.setView({{ center }}, {{ zoom }}-3);
setTimeout(function(){
window.print();
}, 2000);
};