Home | Flex and Flash | Flash | Integrate google map in Flash file on your website. Внедрение карты гугла во flash ролик

Integrate google map in Flash file on your website. Внедрение карты гугла во flash ролик

Font size: Decrease font Enlarge font
image

В этой статье будет рассмотрена интеграция карты гугла на вашем сайте, однако не как обычно, используя javascript, а сразу во флешку. Может быть полезным если вы используете полностью флеш сайт и нет нужды открывать еще и javascript окошки. Если так, тогда вам сюда...

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

К тому же, в этой статье будет рассмотрен варианты внедрения карты во флеш, также еще есть возможность внедрения и во Flex (можно прочитать пройдя по ссылочке ниже).

Ссылка на флеш интеграцию - API карт Google. Руководство по Flash  

Наконец приступим к делу. Все ниже происходящее производилось с Adobe Flash CS4 под Windows, однако пути в 3-м пункте могут отличаться. 

1. Получите ключ API здесь - http://code.google.com/intl/ru/apis/maps/signup.html , он вам понадобится для внедрения в код.
2. Теперь нужно скачать SDK API Карт для Flash - http://maps.googleapis.com/maps/flash/release/sdk.zip также в этом архиве будет и SDK для Flex.
3. Для Flash CS4 - зайти в каталог Adobe/Adobe Flash CS4/Common/Configuration/Components и создать там папку Google, в нее положить .swc из скачанного архива, теперь перезапустить Flash
4. Создайте новый файл и откройте Window->Components, затем выберите Google->GoogleMapsLibrary и переместите на сцену. Это будет прямоугольник с синими границами. О его месторасположении не стоит беспокоиться, поскольку он не влияет на расположение карты.
5. В первом кадре надо ввести такой код:

import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;

var map:Map = new Map();
map.key = "ABQIAAAA8JwgIpa7a0CY5OJGuCT5xBRninIYeKlijafR4PpeYy-vSJ46yBRItIrUKFlKbOQ8-h2OX5FhAUVXGg";
map.sensor = 'true'
map.setSize(new Point(stage.stageWidth, stage.stageHeight));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
this.addChild(map);

function onMapReady(event:Event):void {
map.setCenter(new LatLng(50.403704,30.521822), 14, MapType.NORMAL_MAP_TYPE);
}

В этой строчке необходимо ввести полученный ключ
map
.key = "your_api_key";

Также обратите внимание на строку map.sensor = 'true' - в гугловской документации она отсутствует и на флешке будет показываться предупреждение о том что параметр sensor не установлен и нужно задать ему значение true или false.

Поиграйтесь со значениями и скомпилируйте файл.
Для интеграции в html необходимо передать параметр flashvars
param name="flashVars" value="key=your_api_key

Вот и все! Теперь у вас есть карта гугла интегрированная прямо во Flash.

Если что-то не получилось, то лучше посмотреть сразу на пример -
http://flexapp.com.ua/applications/google_map_flash/ или тут или скачать исходник

Comments ( posted):

Post your comment comment

Please enter the code you see in the image:


  • email Email to a friend
  • print Print version
  • Plain text Plain text
Tags
No tags for this article
Rate this article
0