Клуб API Карт

Как подклчить джиквери

allians-sk
15 апреля 2015, 20:02

Как заставить скрипты джиквери работать на карте. Есть скажем функции геообъекта. в контент боди должен работать скрипт отображения "карусель"

function myMesto28 () {
var myMesto28 = new ymaps.GeoObject({
        geometry: {
            type: "Polygon",
            coordinates: [
                [
                    [0.111106, -0.0420360],
                    [0.0987771, -0.0393505],
                    [0.0934060, -0.0358104],
                    [0.0904763, -0.0249462],
                    [0.0953591, -0.0136175],
[0.108054, -0.0106878],
                    [0.119407, -0.0172796],
[0.121116, -0.0217962],
                    [0.121482, -0.0333929],
[0.113870, -0.0394629],
                ],
                
            ],
            
        },
        properties:{
            hintContent: " Место 28",
balloonContentHeader: '<p> </p><p> </p>',
            balloonContentBody: 
'<div id="demo"><div id="features">'+
'<div>dfsdfdf</div>'+
'<div><img src="http://farm5.static.flickr.com/4062/4302354579_2a16dcb3cd_o.jpg" alt="Eddie" class="eddie" /><h2>HTML Slide</h2><p>Example of an HTML slide.</p><p>Lorem ipsum dolor sit amet, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</p><p><a href="http://reddit.com">Learn More &#8250;</a></p></div>'+
'<div><a href="http://imgur.com"><img src="http://farm5.static.flickr.com/4067/4302354517_d72d321f17_o.jpg" alt="Flower" /></a></div>'+
'<div><a href="http://gmail.com"><img src="http://farm3.static.flickr.com/2739/4303103822_a3b23ff7f5_o.jpg" alt="Fern" /></a></div></div>'+
'</div>'+
'<script type="text/javascript">'+
'$(document).ready(function(){ $("#features").jshowoff(); });'+
'</script>'
,
            balloonContentFooter: '<p style="text-align: center;">Разработано Аксом)</p>',
            
        }
    }, {
                    balloonLayout: "default#imageWithContent",
                    balloonImageHref: 'images/oblo1.png',
                    balloonImageOffset: [-200, -200],
                    balloonContentSize: [700, 500],
                    balloonImageSize: [700, 500],
                               
fillColor: 'FCAC87',
        strokeColor: 'FCAC87',
        opacity: 0.1,
        strokeWidth: 5,
        strokeStyle: 'shortdash'
    }); 
myMesto28.events
        .add('mouseenter', function () {
            myMesto28.options.set('opacity', '0.3');
        })
        .add('mouseleave', function () {
            myMesto28.options.set('opacity', '0.1');
        });
map.geoObjects.add(myMesto28);
}

Ну и в хтмл подключил естественно 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

<script type="text/javascript" src="./jquery.jshowoff.min.js"></script>

что сделать чтоб оно заработоло? желательно кодом ответ) Спасибо!

6 комментариев
Подписаться на комментарии к посту

Надо использовать макеты

Ну я сделал через макет и теперь там показывает 

function () { ChildClass.superclass.constructor.apply(this, arguments); }    Это какая то структура, но блин че сделать?

Сам код:

function myMesto28 () {

var mestoLayout = ymaps.templateLayoutFactory.createClass(

 

''+

'dfsdfdf'+

'http://farm5.static.flickr.com/4062/4302354579_2a16dcb3cd_o.jpg" alt="Eddie" class="eddie" />

HTML Slide

Example of an HTML slide.

Lorem ipsum dolor sit amet, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.

http://reddit.com">Learn More ›

'+

'http://imgur.com">http://farm5.static.flickr.com/4067/4302354517_d72d321f17_o.jpg" alt="Flower" />'+

'http://gmail.com">http://farm3.static.flickr.com/2739/4303103822_a3b23ff7f5_o.jpg" alt="Fern" />'+

'')

var myMesto28 = new ymaps.GeoObject({

        geometry: {

            type: "Polygon",

            coordinates: [

                [

                    [0.111106, -0.0420360],

                    [0.0987771, -0.0393505],

                    [0.0934060, -0.0358104],

                    [0.0904763, -0.0249462],

                    [0.0953591, -0.0136175],

[0.108054, -0.0106878],

                    [0.119407, -0.0172796],

[0.121116, -0.0217962],

                    [0.121482, -0.0333929],

[0.113870, -0.0394629],

                ],

                

            ],

            

        },

        properties:{

            hintContent: " Место 28",

balloonContentHeader: '

',

            balloonContentBody: mestoLayout,

            balloonContentFooter: '

Разработано Аксом)

',  

        }

    }, {

                    balloonLayout: "default#imageWithContent",

                    balloonImageHref: 'images/oblo1.png',

                    balloonImageOffset: [-200, -200],

                    balloonContentSize: [700, 500],          

                    balloonImageSize: [700, 500],

fillColor: 'FCAC87',

        strokeColor: 'FCAC87',      

        opacity: 0.1,

        strokeWidth: 5,

        strokeStyle: 'shortdash'

    }); 

myMesto28.events

        .add('mouseenter', function () {

            myMesto28.options.set('opacity', '0.3');

        })

        .add('mouseleave', function () {

            myMesto28.options.set('opacity', '0.1');

        });

map.geoObjects.add(myMesto28);

}

Вы сделали неправильно

1. макет передается в опции, а не в данные

2. в шаблоне не должно быть никаких тегов script, js-код работающий с DOM макета должен быть в методах макета

 

Ага)) только вот как правельно это сделать нет не в документации не в примерах. Есть ли какой, ХОТЬ какой то готовый, и рабочий пример, с вставкой сторонного скрипта. На счет DOM, что нужно весть скрипт джиквери переписывать в скрипт карты??не ужели нет подлючения какого то?

 и как же посмотреть это в работе?? еще больше запутали. Этот код я даже немогу засунуть в свой для просмотра, конструкция другая. Не говоря уже о стилях и дргух подклчений в хтмл.