Интеграция phpbb3 и яндекс карт (jquery) [решено]

[ostridm]

Уважаемые разработчики,

переходите сразу ко второму посту пожалуста.

помогите пожалуйста советом по концепции и реализации, дельные советы и пожелания так же приветсвуются

задача следующая - дать пользователям возможность устанавливать собственные POI на карте, хотя бы по одной зАраз, можно и группой


в качестве средств реализации выбраны следующие технологии.
- API яндекс карт
- jquery, потому что яндекс его юзает, и если он уже загружен а в моем случае оно так. янедкс свой не грузит.
- fancy box

к настоящему времени я изобрел ббкод

Код: Выделить всё

[yapoi lng="{INTTEXT1}" lat="{INTTEXT2}" zoom="{INTTEXT3}" headline="{TEXT1}"]{TEXT2}[/yapoi]

трансформирующийся в html

Код: Выделить всё

<div style="display:none;">{TEXT1}</div><div style="display:none;">{TEXT2}</div><a class="postlink yapoi-fancy-invoke" href="#{INTTEXT1}_{INTTEXT2}_{INTTEXT3}">посмотреть '{TEXT1}' на Яндекс Картах</a>

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

на работу комплекта можно взглянуть по этой ссылке. http://www.krasnogorie.net/bb3/viewtopi ... 96#p350096 тыкнув после загрузки в надпись
'посмотреть где находится Яма в луже на Яндекс Картах (острожно - траффик)'

инересуют следующие вопросы,
- graceful exit, концептуально, нужно ли показывать карту через static api яндекса если нету javascript?
- считается ли аморальным коллекционировать просмотры POI пользователями через POST на сервер одновременно с загрузкой карты яндексом?
- как вы думаете, будет ли интересна страница меток созданных пользователями кумулятивно на одной странице?

и теперь о главном,

прооблемы:
1) зараза яндекс не отдает слой народной карты если указано loadByRequire=1 поэтому приходится юзать о обычный слой
2) опера ругается на анкор в ссылке "#{INTTEXT1}_{INTTEXT2}_{INTTEXT3}

[ostridm]

изыскания продолжаются, есть новые вопросы.

отчет

к настоящему моменту выглядит вот так

viewer.png

editor.png

редактор изготовлен потому, что в ббкоде легко можно сломать ногу

Код: Выделить всё

[poi headline="{TEXT1}" lng="{INTTEXT1}" lat="{INTTEXT2}" zoom="{INTTEXT3}" mode="{IDENTIFIER1}" mark="{IDENTIFIER2}"]{TEXT2}
[/poi]

в пределах {TEXT2} можно размещать все что угодно, например картинку из phpbbgallery

вопросы

- согласно политике безопасности как я ее понимаю, внутрь тегов html можно безопасно вставить {IDENTIFIER} и {NUMBER} или и {INTTEXT} тоже? я честно честно в регеспах не особо мастак, писать еще куда ни шло но читать пока не умею толком.
INTTEXT соотвествует следующий код, вопрос, можно то что пройдет запихнуть внутрь тега html и паче чаяния в javascript?

Код: Выделить всё

($utf8_pcre_properties) ? '!([\p{L}\p{N}\-+,_. ]+)!u' : '!([a-zA-Z0-9\-+,_. ]+)!u'	 =>	"$1"

мне бы не хотелось лезть в код форума, поскольку все что мне нужно во фронтэнде я смогу реализовать при помощи hook system и одного отдельного скрипта.

прошу помощи по регекспам

[rxu]

ostridm
Очевидно, что туда попадают буквы, цифры, минус, плюс, запятая, подчеркивание, точка и пробел.

[ostridm]

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

[ostridm]

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

- изменен ббкоде
- возможность установки центра карты отличного от положения точки
- возможность указания слоя просмотра карты включая народную (таки удалось)
- добавлен показ карты пользователям без поддержки javascript (только core layer и толко белый маркер)

regrets.png

чтобы взгромоздить сию вещь на сайт требуется

скачать - это

customs06.zip

зарегистрировать на свой домен ключ API Яндекс Карт, выглядит примерно так

Код: Выделить всё

AOuAZE8BAAAAWrecQAIAMbPty4OMBe-N9B_IfuvJJemdZw0AAAAAAAAAAACAAx4xkHqXTz1MLJ-etk4GwEFHaQ==

приготовиться заменить своим ключем - ключ прописанный в js и ббкоде

для prosilver
добавить загрузки скриптов в overall_header.html

Код: Выделить всё

<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://yandex.st/jquery/fancybox/2.0.5/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="<кладите куда хотите скрипт из архива>customs06.js"></script>

добавить загрузки CSS для fancybox, их требуется взять из дистрибутива fancybox 2.0.5, CDN хостинг я не нашел, если кто то найдет сообщите пожалуйста

добавить ББКОД
шаблон

Код: Выделить всё

[poi headline="{TEXT1}" lnglat="{INTTEXT1}" center="{INTTEXT2}" zoom="{INTTEXT3}" mode="{IDENTIFIER1}" mark="{IDENTIFIER2}"]{TEXT2}[/poi]

html - предварительно заменив ключ на свой

Код: Выделить всё

<div style="display:none;">{TEXT1}</div><div style="display:none;">{TEXT2}</div>
<script type="text/javascript">
// <![CDATA[
document.write('<a class="postlink pp-fancy-poi" href="/poi.php?poi={INTTEXT1}_{INTTEXT2}_{INTTEXT3}_{IDENTIFIER1}_{IDENTIFIER2}">посмотреть на Яндекс Картах: &rarr;</a>');
// ]]>
</script>
<noscript>
	<table cellpadding="0" cellspacing="0" border="0">
		<tr>
			<td>
				<img width="300" size="200" src="http://static-maps.yandex.ru/1.x/?ll={INTTEXT2}&size=300,200&z=14&l=map&pt={INTTEXT1}&key=AOuAZE8BAAAAWrecQAIAMbPty4OMBe-N9B_IfuvJJemdZw0AAAAAAAAAAACAAx4xkHqXTz1MLJ-etk4GwEFHaQ==" />
			</td>
			<td valign="top" style="padding-left:15px;"><b>{TEXT1}</b><br />{TEXT2}</td>
		</tr>
	</table>
</noscript>

не забыть заменить в файле customs06.js тот же самый ключ

Код: Выделить всё

var _poi_map_key = 'AOuAZE8BAAAAWrecQAIAMbPty4OMBe-N9B_IfuvJJemdZw0AAAAAAAAAAACAAx4xkHqXTz1MLJ-etk4GwEFHaQ==';

Добавить в posting_buttons.html - в районе строки 74, сразу перед

Код: Выделить всё

	<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />

следующий код

Код: Выделить всё

<input type="button" class="button2 pp-fancy-poi-new" value="POI" style="font-weight:bold; width: 30px" " title="create POI with Yandex Maps" />

залить файлы на сервер
сброить кеш
убедиться что работает.

если не работает, писать сюда. при сильно желании получить со временем выкристаллизованную модификацию в которой все сделано как надо, а не как получилось - нужно голосовать тут мод для POI (интеграция yandex.maps api и phpbb)

[angst66]

Все сделал по инструкции, ключ свой прописал, появилась кнопка в окне ответа, даже две, а что дальше? Первая не активная, вторая прописывается в окне. Как это должно работать?

Безымянный.png

[ostridm]

Добрый день,
По поводу двух кнопок, нужно убрать галку показывать на странице ответа, в админке, где редактируется ббкоде.
На первый взгляд может нехватать css fancybox, дайте ссылку, где это у вас установлено. Взгляну.
Если это у вас на стенде... То вы могли бы немного обождать, выложу версию почти без jquery, я имею ввиду. Что она не будет требовать наличия оного повсеместно на всех страницах форума но показ карты реализован при помощи отдельной страницы.

[angst66]

ostridm
Галочку убрал , осталась первая кнопка, она не реагирует. Посмотреть никак, на локалке. Конечно буду ждать

[ostridm]

пробуйте
[BETA] phpBB YMaps 0.0.2