Как сделать всплывающее окно внутри которого будет карта. / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать всплывающее окно внутри которого будет карта.

17 сообщений из 17, страница 1 из 1

Как сделать всплывающее окно внутри которого будет карта.

#38788731

redwhite90

Гость

Я очень плохо знаю фронт, но надо решить задачу.

Есть ссылка. при нажатии на нее должен вылезать popup c картой. Посоветуйте как это сделать.

...

Рейтинг:

0 / 0

27.10.2014, 23:54

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788733

miksoft

Участник

Сообщения: 36 746

Рейтинг: 0 / 0

если карта - это просто картинка, то недавно было Новое окно с картинкой внутри браузера

...

Рейтинг:

0 / 0

28.10.2014, 00:00

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788734

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Открытие новых окон

...

Рейтинг:

0 / 0

28.10.2014, 00:01

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788737

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Простенький пример:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.

<!DOCTYPE HTML>
<html>
<head></head>
<body>
  <a href="javascript:window.open('https://www.google.ru/maps', 'maps', 'width=600,height=400')">
    Нажми, чтобы вылез popup c картой
  </a>
</body>
</html>

...

Рейтинг:

0 / 0

28.10.2014, 00:11

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788738

redwhite90

Гость

skyANA,
оу, круто - то, что надо. а можно туда как-то ещё координаты метки передать?

...

Рейтинг:

0 / 0

28.10.2014, 00:14

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788740

redwhite90

Гость

skyANA,

я тут набросал примерчик, но он новую вкладку открывает, а не новое окно

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
  <a href=# onclick='showMap()'>show map <a>
    <div id="map-canvas"></div>
  </body>
   <script>
   function showMap(){
     
     window.open("map.html");
    }
     </script>
</html>

...

Рейтинг:

0 / 0

28.10.2014, 00:15

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788745

redwhite90

Гость

вот так вот получилось:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
  <a href=# onclick='showMap()'>show map <a>
    <div id="map-canvas"></div>
  </body>
   <script>
   function showMap(){
     
     window.open('map.html','map','width=600,height=400');
    }
     </script>
</html>

...

Рейтинг:

0 / 0

28.10.2014, 00:24

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788748

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

redwhite90skyANA,
оу, круто - то, что надо. а можно туда как-то ещё координаты метки передать?А в чём проблема?

...

Рейтинг:

0 / 0

28.10.2014, 00:31

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788751

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Вот например Зеленоград, 12-ти кратный zoom:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.

<!DOCTYPE HTML>
<html>
<head></head>
<body>
  <a href="javascript:window.open('https://www.google.ru/maps/@55.9937367,37.1825435,12z', 'maps', 'width=600,height=400')">
    Нажми, чтобы вылез popup c картой
  </a>
</body>
</html>

...

Рейтинг:

0 / 0

28.10.2014, 00:41

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788752

redwhite90

Гость

skyANAredwhite90skyANA,
оу, круто - то, что надо. а можно туда как-то ещё координаты метки передать?А в чём проблема?

тут что-то дописать можно ?

https://www.google.ru/maps'

...

Рейтинг:

0 / 0

28.10.2014, 00:43

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788753

redwhite90

Гость

skyANA,

ну или взять мой код

автор<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href=# onclick='showMap()'>show map <a>
<div id="map-canvas"></div>
</body>
<script>
function showMap(){

window.open('map.html','map','width=600,height=400');
}
</script>
</html>

внутри map.html захардкоженные значения маркера. Как сделать так, чтобы они из href(я их допишу) попали в map.html ?

...

Рейтинг:

0 / 0

28.10.2014, 00:46

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788758

redwhite90

Гость

skyANAВот например Зеленоград, 12-ти кратный zoom:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.

<!DOCTYPE HTML>
<html>
<head></head>
<body>
  <a href="javascript:window.open('https://www.google.ru/maps/@55.9937367,37.1825435,12z', 'maps', 'width=600,height=400')">
    Нажми, чтобы вылез popup c картой
  </a>
</body>
</html>

сорри пропустил это сообщение.

а как ещё сделать, чтобы маркер в центре нарисовался?

где все возможные параметры можно почитать?

...

Рейтинг:

0 / 0

28.10.2014, 01:02

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788762

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

redwhite90а как сделать, чтобы маркер в центре нарисовался?
Simple markers

...

Рейтинг:

0 / 0

28.10.2014, 01:12

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38788916

redwhite90

Гость

skyANAredwhite90а как сделать, чтобы маркер в центре нарисовался?
Simple markers

так я умею. проблема в том, что эти данные будут известны только на главной странице, а как их передать на открывшуюся - непонятно.

судя по всему можно как-то так передать.

http://maps.googleapis.com/maps/api/staticmap?size=600x300&markers=label:G|40.711614,-74.012318

...

Рейтинг:

0 / 0

28.10.2014, 09:40

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38789031

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

redwhite90skyANAпропущено...

Simple markers

так я умею. проблема в том, что эти данные будут известны только на главной странице, а как их передать на открывшуюся - непонятно.

судя по всему можно как-то так передать.

http://maps.googleapis.com/maps/api/staticmap?size=600x300&markers=label:G|40.711614,-74.012318 Ну как, как. Вот Вы парметры сайту Google передаёте, таким же образом можете передать и дочерней странице своего сайта.
Никакой магии тут нет, обычный GET запрос.

...

Рейтинг:

0 / 0

28.10.2014, 10:54

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38789056

ART-CODE

Участник

Сообщения: 838

Рейтинг: 0 / 0

Судя по уровню вопросов, у т.с. впереди большой и интересный путь в мир Web.

Хотелось бы посоветовать на будущее - по возможности, не использовать
в проектах сторонние сервисы. Не важно, от goole или от yandex.
Не помогайте им отслеживать активность Ваших пользователей.

Сделайте, лучше свои карты
а в качестве исходных данных можно взять http://www.openstreetmap.org

Даже если сейчас не хватит опыта сделать правильно все свое,
нужно хотя-бы понимать что хорошо , а что плохо и стремиться исправить ситуацию.

...

Рейтинг:

0 / 0

28.10.2014, 11:10

| Ответить | Цитировать | Написать

Как сделать всплывающее окно внутри которого будет карта.

#38789111

redwhite90

Гость

skyANAredwhite90пропущено...

так я умею. проблема в том, что эти данные будут известны только на главной странице, а как их передать на открывшуюся - непонятно.

судя по всему можно как-то так передать.

http://maps.googleapis.com/maps/api/staticmap?size=600x300&markers=label:G|40.711614,-74.012318 Ну как, как. Вот Вы парметры сайту Google передаёте, таким же образом можете передать и дочерней странице своего сайта.
Никакой магии тут нет, обычный GET запрос.

А ну да.... я только не знал как считать эти гет параметры на html. Как то до этого призодилось на сервере это делать)

собственно вот так например можно это сделать:
http://stackoverflow.com/a/901144/2674303

...

Рейтинг:

0 / 0

28.10.2014, 11:53

| Ответить | Цитировать | Написать

17 сообщений из 17, страница 1 из 1

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=38788737&tid=1446588]:	0ms
get settings:	4ms
get forum list:	10ms
check forum access:	2ms
check topic access:	2ms
track hit:	51ms
get topic data:	8ms
get forum data:	2ms
get page messages:	38ms
get tp. blocked users:	1ms
others:	215ms

total:	333ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы