forum.okis.ru
http://forum.okis.ru/

Как отобразить на странице сайта Google Charts
http://forum.okis.ru/viewtopic.php?f=10&t=5142
Страница 1 из 1

Автор:  reanimator [ 02 сен 2015, 14:55 ]
Заголовок сообщения:  Как отобразить на странице сайта Google Charts

Подскажите, пожалуйста, почему не отображается на странице сайта код, созданный в Google Carts? Хотелось очень разместить на сайте интерактивную карту. Подскажите как это можно реализовать?

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["geochart"]});
google.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {

var data = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Germany', 200],
['United States', 300],
['Brazil', 400],
['Canada', 500],
['France', 600],
['Russia', 700],
['Ukraine', 100]
]);

var options = {};

var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

chart.draw(data, options);
}
</script>
</head>
<body>
<div id="regions_div" style="width: 900px; height: 500px;"></div>
</body>
</html>[/size]

Автор:  reanimator [ 02 сен 2015, 15:02 ]
Заголовок сообщения:  Re: Как отобразить на странице сайта Google Charts

Да, кстати... Когда создаю отдельный html файл, все нормально отображается.

Автор:  Mr. K [ 02 сен 2015, 17:28 ]
Заголовок сообщения:  Re: Как отобразить на странице сайта Google Charts

reanimator писал(а):
Подскажите, пожалуйста, почему не отображается на странице сайта код, созданный в Google Carts?


Как минимум, потому что здесь много лишнего html, который уже есть на страницах сайта.

Вот это копируем и вставляем в поле для метатегов в параметрах сайта:

reanimator писал(а):
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["geochart"]});
google.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {

var data = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Germany', 200],
['United States', 300],
['Brazil', 400],
['Canada', 500],
['France', 600],
['Russia', 700],
['Ukraine', 100]
]);

var options = {};

var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

chart.draw(data, options);
}
</script>


Это вставляем на любой странице.

reanimator писал(а):
<div id="regions_div" style="width: 900px; height: 500px;"></div>

Автор:  reanimator [ 02 сен 2015, 17:55 ]
Заголовок сообщения:  Re: Как отобразить на странице сайта Google Charts

Спасибо за быстрый ответ. Все сделал как предписывалось. Карта на странице, на которой див-див, не отображается. Страница стала долго грузиться.

Автор:  reanimator [ 02 сен 2015, 17:56 ]
Заголовок сообщения:  Re: Как отобразить на странице сайта Google Charts

После сохранения и обратного захода в редактор страницы вновьпрописанный код исчезает.

Автор:  reanimator [ 02 сен 2015, 18:13 ]
Заголовок сообщения:  Re: Как отобразить на странице сайта Google Charts

Извините за спам. Очень хочется интерактивную карту. Заметил еще одну лажу. На той странице где должна быть карта не отображается фавикон. Его код тоже вставлен в поле для метатегов.

Автор:  PhotoShopRND [ 04 сен 2015, 13:32 ]
Заголовок сообщения:  Re: Как отобразить на странице сайта Google Charts

Вставляйте код и редактируйте страницу без визуального редактора.

Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/