Клуб API Карт

Помогите переделать из API 1.1 в API 2.0 собственные карты

Ebenrode
25 апреля 2014, 12:23

Здравствуйте, помогите переделать из API 1.1 в API 2.0  

Создал свои карты с помощью программы "API Яндекс.Карт. Подготовка слоя тайлов", но она делает код в API 1.1.

У старой API мало возможностей, надо новую API.

Знаю, что не сложно, но сам не могу сделать. Помогите пожалуйста.


Вот сама страница  http://map.ebenrode.info/yandex/13101/map.html


Вот собственно код, что выдала программа:


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>

    <title>Мой слой</title>

    <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AGvbTFMBAAAA6Ve5GwMAI9P8HdaVYeL8qbCK7YowUmt5mn0AAAAAAAAAAAAVL8d40-NgDuZ5iytWgJflu74Llg==" type="text/javascript"></script>

    <script type="text/javascript">

        window.onload = function () {

            var options = {

                    tileUrlTemplate: "http://map.ebenrode.info/yandex/13101/%z/tile-%x-%y.jpg",

                    controls: {

                        typeControl: true,

                        miniMap: true,

                        toolBar: true,

                        scaleLine: true

                    },

                    scrollZoomEnabled: true,

                    mapCenter: new YMaps.GeoPoint(22.5886336688673, 54.646061548675),

                    backgroundMapType: YMaps.MapType.SATELLITE,

                    mapZoom: 15,

                    isTransparent: true,

                    smoothZooming: false,

                    layerKey: "my#layer",

                    mapType: {

                        name: "Мой слой",

                        textColor: "#000000"

                    },

                    copyright: ""

                },

                map = new YMaps.Map(document.getElementById("YMapsID")),

                myData = new YMaps.TileDataSource(options.tileUrlTemplate, options.isTransparent, options.smoothZooming);


            myData.getTileUrl = function (tile, zoom) {

                return this.getTileUrlTemplate().replace(/%x/i, tile.x).replace(/%y/i, tile.y).replace(/%z/i, zoom);

            }


            var MyLayer = function () {

                return new YMaps.Layer(myData);

            }

            YMaps.Layers.add(options.layerKey, MyLayer);


            var mapLayers = options.backgroundMapType ? options.backgroundMapType.getLayers() : [],

                myMapType = new YMaps.MapType(YMaps.jQuery.merge(mapLayers, [ options.layerKey ]), options.mapType.name, { textColor: options.mapType.textColor });


            map.setCenter(options.mapCenter, options.mapZoom, myMapType);

            if (options.copyright) {

                map.addCopyright(options.copyright);

            }


            if (options.controls.typeControl) {

                map.addControl(new YMaps.TypeControl([ myMapType, YMaps.MapType.MAP, YMaps.MapType.SATELLITE, YMaps.MapType.HYBRID ], [1, 2, 3]));

            }

         

            if (options.controls.miniMap) {

                map.addControl(new YMaps.MiniMap());

            }

            if (options.controls.toolBar) {

                map.addControl(new YMaps.ToolBar());

            }

            if (options.controls.scaleLine) {

                map.addControl(new YMaps.ScaleLine());

            }

            if (options.scrollZoomEnabled) {

                map.enableScrollZoom();

            }

            map.addControl(new YMaps.Zoom());

        }

    </script>

</head>

<body>

    <div id="YMapsID" style="width:850px;height:500px"></div>

</body>

 

</html>