За последние 24 часа нас посетили 71253 программиста и 1651 робот. Сейчас ищут 1003 программиста ...

Взаимодействие с яндекс картой

Тема в разделе "JavaScript и AJAX", создана пользователем bkm, 16 ноя 2012.

  1. bkm

    bkm Активный пользователь

    С нами с:
    22 окт 2009
    Сообщения:
    299
    Симпатии:
    0
    Надо по клику на строке таблицы отобразить метку/балун, соответственно переместить карту по этим координатам.
    Аттрибут geo_code таблицы id.regions_list содержит координаты регионов. При клике координаты получаю, об этом предупреждает алерт, а вот дальше ничего не происходит. Нужна подсказка, куда двигаться дальше?

    Код (Text):
    1. <html>
    2. <head>
    3. <script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
    4. <script src="http://yandex.st/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    5.  
    6. <script type="text/javascript">
    7. ymaps.ready(init);
    8.  
    9. function init () {
    10.  
    11. var myMap = new ymaps.Map("map", {
    12.         center: [55.776544, 37.575229],
    13.         zoom: 10,
    14.         type: 'yandex#publicMap',
    15.         behaviors:['default', 'scrollZoom'],
    16.     });
    17.    
    18.         myMap.controls.add('mapTools');
    19.         myMap.controls.add('typeSelector');
    20.         myMap.controls.add('zoomControl');
    21.    
    22.     $('#regions_list td').bind('click',function(){
    23.    
    24.     coords = $(this).attr('geo_code');
    25.    
    26.     // Создаем метку с помощью вспомогательного класса.
    27.    
    28.     myPlacemark = new ymaps.Placemark([coords], {
    29.             // Свойства.
    30.             // Содержимое иконки, балуна и хинта.
    31.             iconContent: '1',
    32.             balloonContent: 'Балун',
    33.             hintContent: 'Стандартный значок метки'
    34.         }, {
    35.             // Опции.
    36.             // Стандартная фиолетовая иконка.
    37.             preset: 'twirl#violetIcon',
    38.             // Метку можно перемещать.
    39.             draggable: true
    40.         });
    41.    
    42.     res = myMap.geoObjects.add(myPlacemark);
    43.    
    44.     if (res) alert(coords);
    45.    
    46.     }); // если был клик
    47.    
    48. };
    49.  
    50. </script>
    51.  
    52. <style type="text/css">
    53. table#regions_list td {cursor:pointer;}
    54. </style>
    55. </head>
    56.  
    57. <body>
    58.  
    59. <div id="map" style="width: 600px; height: 400px"></div>
    60.  
    61. <table id="regions_list" style="width: 300px;">
    62. <thead>
    63. <tr>
    64. <th width="150px">Регион</th>
    65. </tr>
    66. </thead>
    67. <tbody><tr>
    68. <td geo_code="94.905446,54.620698">Красноярский край</td>
    69. </tr>
    70. <tr>
    71. <td geo_code="48.150888,56.531247">Марий Эл</td>
    72. </tr>
    73. <tr>
    74. <td geo_code="37.630161,55.745571">Москва и Московская обл.</td>
    75. </tr>
    76. </tbody>
    77. </table>
    78. </body>
    79. </html>
     
  2. runcore

    runcore Старожил

    С нами с:
    12 окт 2012
    Сообщения:
    3.625
    Симпатии:
    158
    читайте доки там все есть
    Код (PHP):
    1.  myPlacemark = new ymaps.Placemark([55.76, 37.64], { 
    2.             content: 'Москва!', 
    3.             balloonContent: 'Столица России' 
    4.         });
    5. myMap.geoObjects.add(myPlacemark);