Integrate google map in Flash file on your website. Внедрение карты гугла во flash ролик
В этой статье будет рассмотрена интеграция карты гугла на вашем сайте, однако не как обычно, используя 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