Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 08.05.2016, 14:21   #11
pompiduskus
юзер как все
Профессионал
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Адрес: земля
Сообщений: 1,575
Репутация: 663

icq: 446.452.423
По умолчанию

Попробуй вот так.

Код:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>google.maps</title>

    <style type="text/css">

    html, body{
        height: 100%; width: 100%; padding: 0; margin: 0;
    }

    </style>
    
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">

        // ==================================================================
        var map;
        var map_canvas;
        var latlng;
        var settings;
        var full_screen = false;

        var SCREEN = {
            "full" : {
                "width" : "100%",
                "height" : "100%"
            },

            "deff" : {
                "width" : "500px",
                "height" : "300px"
            },

        }

        // ==================================================================
        window.addEventListener("load", function(){

            map_canvas = document.getElementById('map_canvas');
            initialize();
            //console.log( location.href ); // ./google.maps.html?lan=60.000&lon=3.003

        });

        // ==================================================================
        function fullScreenAction() {

            if(full_screen){

                full_screen = !full_screen;
                map_canvas.style.width = SCREEN.deff.width;
                map_canvas.style.height = SCREEN.deff.height;
                initialize();

            }else{

                full_screen = !full_screen;
                map_canvas.style.width = SCREEN.full.width;
                map_canvas.style.height = SCREEN.full.height;
                initialize();
            }

        }

        // ==================================================================
        function initialize() {

            latlng = new google.maps.LatLng( 50.84193598, 3.84193598 );

            settings = {
                zoom: 15,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            map = new google.maps.Map( map_canvas, settings ); 
        }

        // ==================================================================

    </script>

</head>
<body>

    <div id="full_screen_btn" style="position: absolute; margin: 10px 0 0 150px; z-index: 2; background: #333; padding: 5px; color: #fff;" onclick="fullScreenAction()">Full Screen</div>
    <div id="map_canvas" style="display: block; width:500px; height:300px; border: solid 1px #000;"> Loading ...</div>

</body>
</html>
__________________
<Дзен - Вся вселенная в тебе > | github.com/ch3ll0v3k | покер: cryptopoker.world

Последний раз редактировалось pompiduskus; 08.05.2016 в 14:23.
pompiduskus вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как программно развернуть форму на весь экран? chandrasecar Общие вопросы Delphi 6 26.07.2015 11:39
Как развернуть видео на весь экран xays HTML и CSS 0 04.04.2012 18:32
Visual Studio,C#.Как сделать форму во весь экран? Nikitok Помощь студентам 0 05.10.2010 21:36
как запретить раскрытия формы на весь экран? designer999 Общие вопросы Delphi 10 18.02.2010 17:07
сделать программу на весь экран Killbrum Помощь студентам 10 09.09.2008 09:50


18:41.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.