Форум программистов [Powered by Invision Power Board]

Код

    <script type="text/javascript">
        var mapstraction;
        function initialize() {
            // initialise the map with your choice of API
            mapstraction = new mxn.Mapstraction('map_canvas', 'openlayers');

            // create a lat/lon object
            var myPoint = new mxn.LatLonPoint(53.9, 27.5666667);

            // display the map centered on a latitude and longitude (Google zoom levels)
            mapstraction.setCenterAndZoom(myPoint, 11);

            /* args = {
             *     pan:      true,
             *     zoom:     'large' || 'small',
             *     overview: true,
             *     scale:    true,
             *     map_type: true,
             * }
             */
            mapstraction.addControls({
                pan: true,       //стрелки в стороны на карте
                zoom: 'large', // + и - на карте
                //overview: true,  //справа внизу мини-карта
                map_type: false  //справа вверху на карте выбор осм и тд - не надо
            });
            // create a marker positioned at a lat/lon
            my_marker = new mxn.Marker(myPoint);
            my_marker.setIcon('http://mapstraction.com/icon.gif');

            mapstraction.addMarker(new mxn.Marker(new mxn.LatLonPoint(53.9, 27.6)));

            // add a label to the marker
            my_marker.setLabel("<blink>Hello!</blink>");
            var text = "<b>Be Happy!</b>";

            // add info bubble to the marker
            my_marker.setInfoBubble(text);

            advancedMarker();
            // display marker
            mapstraction.addMarker(my_marker);
            var foo = function removeMarker() {
                mapstraction.removeMarker(my_marker);
            };
        }

        function advancedMarker() {
            mapstraction.addMarker(new mxn.Marker(new mxn.LatLonPoint(53.2, 24.5666667)), {
                infoBubble : "Advanced Marker",
                label : "tooltip",
                date : "new Date()",
                marker : 4,
                iconShadow: "http://mapufacture.com/images/providers/blank.png",
                iconShadowSize : [0,0],
                icon : "http://assets1.mapufacture.com/images/markers/usgs_marker.png",
                iconSize : [20,20],
                draggable : false,
                hover : true
            });
        }
    </script>