API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 24th, 2010
248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 12.78 KB | None | 0 0
raw download clone embed print report
  1. <div style="height: 580px; width: 780px; border: 1px solid #ccc; overflow: hidden">
  2.  
  3. <script src="http://u-boombick.static.site50.sites.ndev/js/jquery.js" type="text/javascript"></script>
  4.     <script>
  5.         YMaps.jQuery(function () {
  6.  
  7.             var myData = new YMaps.TileDataSource("http://u-boombick.static.site50.sites.ndev/media/19/319/", 1, 1);
  8.             myData.getTileUrl = function (tile, zoom) {
  9.                 return this.getTileUrlTemplate() + zoom + "-" + tile.x + "-" + tile.y + ".png";
  10.             };
  11.  
  12.             myData.getErrorTileUrl = function() {
  13.                 return 'http://u-boombick.static.site50.sites.ndev/img/empty.png';
  14.             };
  15.  
  16.  
  17.             var myLayer = function () {
  18.                 return new YMaps.Layer(myData);
  19.             };
  20.  
  21.             YMaps.Layers.add("level#map", myLayer);
  22.  
  23.             // Создаем собственный тип карты
  24.             var myType = new YMaps.MapType(["level#map"], "Floor plan");
  25.  
  26.             var myCoordSystem = new YMaps.CartesianCoordSystem(
  27.                     new YMaps.Point(0, 512),   // left-bottom
  28.                     new YMaps.Point(512, 0),   // top-right
  29.                     1,
  30.                     1
  31.                 );
  32.  
  33.             var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0], {
  34.                 coordSystem: myCoordSystem
  35.             });
  36.  
  37.            
  38.             map.setCenter(new YMaps.Point(256, 256), 1, myType);
  39.  
  40.             map.addControl(new YMaps.Zoom({ noTips: true }));
  41.  
  42.             /*YMaps.Events.observe(map, map.Events.Click, function (map, mEvent) {
  43.               map.setCenter(mEvent.getLocalPixels());
  44.               //map.openBalloon(mEvent.getGeoPoint(), myHtml);
  45.             });*/
  46.  
  47.            
  48.  
  49.             function SampleBalloonLayout() {
  50.                 this.element = YMaps.jQuery(
  51.                     '<div style="position: absolute; width: 510px; padding: 10px; background: url(\'http://u-boombick.static.site50.sites.ndev/img/new-white.png\'); border: 1px solid #58bae6;">' +
  52.                         '<div style="padding-left: 480px; width: 10px; margin-top: -1px;" class="baloon-close"><img src="http://u-boombick.static.site50.sites.ndev/img/map-close.png" style="position: absolute; margin-top: -4px; margin-left: 22px; cursor: pointer" alt="" /></div>' +
  53.                         '<div class="baloon-content"></div>' +
  54.                         '<img src="http://u-boombick.static.site50.sites.ndev/img/room-arrow.png" alt="" style="display: block; clear: both; width: 16px; height: 12px; margin: 0 auto -12px; position: relative; top: 10px;" />' +
  55.                     '</div>'
  56.                 );
  57.  
  58.                 this.close = this.element.find(".baloon-close");
  59.                 this.content = this.element.find(".baloon-content");
  60.                 //console.log(this.getOffset);
  61.  
  62.                 /*this.getOffset = function() {
  63.                     return new YMaps.Point(-100, -100);
  64.                 }*/
  65.  
  66.                 // Отключает кнопку закрытия балуна
  67.                 this.disableClose = function(){
  68.                     this.close.unbind("click").css("display", "none");
  69.                 };
  70.  
  71.                 // Включает кнопку закрытия балуна
  72.                 this.enableClose = function(callback){
  73.                     this.close.bind("click", callback).css("display", "");
  74.                     return false;
  75.                 };
  76.  
  77.                 // Добавляет макет на страницу
  78.                 this.onAddToParent = function (parentNode) {
  79.                     YMaps.jQuery(parentNode).append(this.element);
  80.                     this.update();
  81.                 };
  82.  
  83.                 // Удаляет макет со страницы
  84.                 this.onRemoveFromParent = function () {
  85.                     this.element.remove();
  86.                 };
  87.  
  88.                 // Устанавливает содержимое балуна
  89.                 this.setContent = function (content) {
  90.                     content.onAddToParent(this.content[0]);
  91.                 };
  92.  
  93.                 // Обновляет балун
  94.                 this.update = function() {
  95.                     this.element.css("margin-top", "-" + (this.content.height() + 50) + "px");
  96.                     this.element.css("margin-left", "-115px");
  97.                     //console.log(this.content.);
  98.                     //this.mapAutoPan();
  99.  
  100.                     $("#divpreview img").bind('click', function(){
  101.                                             SelectedPic.removeClass('selected-image');
  102.                                             SelectedPic = $(this);
  103.                                             SelectedPic.addClass('selected-image');
  104.                         var NewImageSRC = $(this).attr('href');
  105.                         $('#divphotocontaner').css('background-image', 'url("'+NewImageSRC+'")');
  106.                         return false;
  107.  
  108.                     });
  109.  
  110.                     $("#divphotocontaner").bind('click', function(e){
  111.                                             SelectedPic.removeClass('selected-image');
  112.                                             if (SelectedPic.next().attr('href')==undefined) {
  113.                                                     SelectedPic = $("#divpreview img:first");
  114.                                             } else {
  115.                                                     SelectedPic = SelectedPic.next();
  116.                                             }
  117.                                             var NewImageSRC = SelectedPic.attr('href');
  118.                                             $('#divphotocontaner').css('background-image', 'url("'+NewImageSRC+'")');
  119.                                             SelectedPic.addClass('selected-image');
  120.                                             return false;
  121.                                     });
  122.                                     SelectedPic = $("#divpreview img:first");
  123.                                     $("#divpreview img:first").addClass('selected-image');
  124.                     $(".previewplan img").live('click', function(){
  125.                         var NewImageSRC = $(this).attr('href');
  126.                         $('#plancontaner').attr('src', NewImageSRC);
  127.                         return false;
  128.                     });
  129.  
  130.                 };
  131.             };
  132.  
  133.             var sampleBalloonTemplate = new YMaps.LayoutTemplate(SampleBalloonLayout);
  134.  
  135.             var style = new YMaps.Style();
  136.             //style.balloonStyle = {template: sampleBalloonTemplate};
  137.             style.polygonStyle = new YMaps.PolygonStyle();
  138.             style.polygonStyle.fill = true;
  139.             style.polygonStyle.outline = true;
  140.             style.polygonStyle.strokeWidth = 4;
  141.             style.polygonStyle.strokeColor = "ffff0088";
  142.             //style.polygonStyle.fillColor = "55";
  143.             YMaps.Styles.add("polygon#Example", style);
  144.  
  145.                
  146.                    
  147.                         style.polygonStyle.fillColor = "25FF0055";
  148.                         var polygon_0 = new YMaps.Polygon([
  149.                                           new YMaps.Point(113.2211350293542,181.85518590998043), new YMaps.Point(110.21526418786692,291.06849315068496), new YMaps.Point(293.573385518591,292.07045009784736), new YMaps.Point(303.5929549902153,146.78669275929553),
  150.                                         ], {
  151.                 style: "polygon#Example",
  152.                 hasHint: 0,
  153.                 hasBalloon: 1,
  154.             });
  155.             polygon_0.setBalloonOptions({mapAutoPan:false});
  156.             polygon_0.name = '<div style="font-weight: normal"><div style="font-size: 14px; width: 170px">Test room<br>(Офисное помещение)</div><div style="font-size: 12px; color: #20930d">сдается</div></div>';
  157.  
  158.             polygon_0.description = '<div id="divphotocontaner" style="background-image: url(\'http://u-boombick.static.site50.sites.ndev/media/20/320/original.jpg\'); float: right; margin: 5px; width: 260px; height: 200px; overflow: hidden; background-position: center center; cursor: pointer;" href="http://u-boombick.static.site50.sites.ndev/media/20/320/original.jpg"></div><div id="divpreview" style="float: right; clear: right; width: 265px; height: 40px; overflow: hidden;"><img src="http://u-boombick.static.site50.sites.ndev/media/20/320/thumb.jpg" href="http://u-boombick.static.site50.sites.ndev/media/20/320/original.jpg" rel="http://u-boombick.static.site50.sites.ndev/media/20/320/original.jpg" alt="" style="cursor: pointer; height: 34px;" />&nbsp;<img src="http://u-boombick.static.site50.sites.ndev/media/21/321/thumb.jpg" href="http://u-boombick.static.site50.sites.ndev/media/21/321/original.jpg" rel="http://u-boombick.static.site50.sites.ndev/media/21/321/original.jpg" alt="" style="cursor: pointer; height: 34px;" />&nbsp;</div>';
  159.             polygon_0.description += '<div style="font-size: 12px; padding-top: 15px; line-height: 1.4em">Площадь:</div> 350 м<sup style="line-height: 2px; font-size: 8px;">2</sup> (213 м<sup style="line-height: 2px; font-size: 8px;">2</sup>)<div style="font-size: 12px; padding-top: 15px; line-height: 1.4em">Аренда:<br>от €10 до €20</div><div style="font-size: 12px; padding-top: 15px; line-height: 1.4em">Продажа:<br>от €100 до €200</div>';
  160.                 //;
  161.             //Общая площадь: 350 m<sup>2</sup><br>Полезная площадь: 213m<sup>2</sup><br>Помещение предлагается для продажи<br>Помещение предлагается для аренды<br>";
  162.  
  163.  
  164.                         map.addOverlay(polygon_0);
  165.                    
  166.                
  167.                    
  168.                         style.polygonStyle.fillColor = "25FF0055";
  169.                         var polygon_1 = new YMaps.Polygon([
  170.                                           new YMaps.Point(75.14677103718199,369.22113502935423), new YMaps.Point(72.14090019569471,412.30528375733854), new YMaps.Point(231.45205479452054,408.79843444227004), new YMaps.Point(149.29158512720156,344.67318982387474),
  171.                                         ], {
  172.                 style: "polygon#Example",
  173.                 hasHint: 0,
  174.                 hasBalloon: 1,
  175.             });
  176.             polygon_1.setBalloonOptions({mapAutoPan:false});
  177.             polygon_1.name = '<div style="font-weight: normal"><div style="font-size: 14px; width: 170px">One else test room<br>(Офисное помещение)</div><div style="font-size: 12px; color: #20930d">сдается</div></div>';
  178.  
  179.             polygon_1.description = '<div id="divphotocontaner" style="background-image: url(\'http://u-boombick.static.site50.sites.ndev/media/29/329/original.jpg\'); float: right; margin: 5px; width: 260px; height: 200px; overflow: hidden; background-position: center center; cursor: pointer;" href="http://u-boombick.static.site50.sites.ndev/media/29/329/original.jpg"></div><div id="divpreview" style="float: right; clear: right; width: 265px; height: 40px; overflow: hidden;"><img src="http://u-boombick.static.site50.sites.ndev/media/29/329/thumb.jpg" href="http://u-boombick.static.site50.sites.ndev/media/29/329/original.jpg" rel="http://u-boombick.static.site50.sites.ndev/media/29/329/original.jpg" alt="" style="cursor: pointer; height: 34px;" />&nbsp;<img src="http://u-boombick.static.site50.sites.ndev/media/30/330/thumb.jpg" href="http://u-boombick.static.site50.sites.ndev/media/30/330/original.jpg" rel="http://u-boombick.static.site50.sites.ndev/media/30/330/original.jpg" alt="" style="cursor: pointer; height: 34px;" />&nbsp;<img src="http://u-boombick.static.site50.sites.ndev/media/31/331/thumb.jpg" href="http://u-boombick.static.site50.sites.ndev/media/31/331/original.jpg" rel="http://u-boombick.static.site50.sites.ndev/media/31/331/original.jpg" alt="" style="cursor: pointer; height: 34px;" />&nbsp;</div>';
  180.             polygon_1.description += '<div style="font-size: 12px; padding-top: 15px; line-height: 1.4em">Площадь:</div> 23423423 м<sup style="line-height: 2px; font-size: 8px;">2</sup> (23423 м<sup style="line-height: 2px; font-size: 8px;">2</sup>)<div style="font-size: 12px; padding-top: 15px; line-height: 1.4em">Аренда:<br>от €123 до €34243</div><div style="font-size: 12px; padding-top: 15px; line-height: 1.4em">Продажа:<br>от €234234 до €2342342</div>';
  181.                 //;
  182.             //Общая площадь: 23423423 m<sup>2</sup><br>Полезная площадь: 23423m<sup>2</sup><br>Помещение предлагается для продажи<br>Помещение предлагается для аренды<br>";
  183.  
  184.  
  185.                         map.addOverlay(polygon_1);
  186.                    
  187.                
  188.            
  189.         });
  190.  
  191.     </script>
  192.        
  193.     <div id="YMapsID" style="height: 578px; width: 778px; margin: 1px;"></div>
  194.  
  195.  
  196.  
  197. <div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!