Я сам не делал ничего подобного, но я думаю, что ваша идея использовать iframe
на правильном пути. Фактически, именно так Google Maps генерирует свой код для встраивания.
Ваше приложение должно будет сгенерировать URL со всеми соответствующими параметрами Google Map, такими как границы, уровень масштабирования, а также параметры вашего приложения. Любое событие, которое вызывает перерисовку карты (перетаскивание, масштабирование и т. Д.), Генерирует новый URL.
Если вы попробуете ссылку для встраивания в Google Maps в качестве примера, она сгенерирует URL, который будет выглядеть примерно так:
http://maps.google.com/maps?f=q&source=s_q&sll=45.434035,12.339057&sspn=0.003294,0.004812&ie=UTF8&ll=45.432724,12.338966&spn=0.006588,0.009624&t=h&z=17
Этот URL затем может быть заключен в iframe
, который ваши конечные пользователи могут разместить на своих веб-страницах.
Re: изменение размера
Да, его можно динамически изменить, если ширина / высота является частью параметров вашего приложения, которые генерируют код для встраивания. Снова используя Google Maps в качестве примера:
<iframe
src="http://maps.google.com/maps?f=q&source=s_q&sll=45.434035,12.339057&sspn=0.003294,0.004812&ie=UTF8&ll=45.432724,12.338966&spn=0.006588,0.009624&t=h&z=17&output=embed"
width="(width-param)" height="(height-param)"></iframe>
Если вы имеете в виду изменение размера пользователем, после его отображения я не уверен ... скорее всего, да.