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/ |