Yii2 Yandex Maps Components
Installation
The preferred way to install this extension is through composer.
Add repository
"repositories": [
{
"type": "git",
"url": "https://github.com/ufoproger/yii2-yandex-maps.git"
}
]
and then
php composer.phar require --prefer-dist "ufoproger/yii2-yandex-maps" "*"
or add
"ufoproger/yii2-yandex-maps" : "*"
to the require section of your application's composer.json
file.
For last Yii2 2.X version please use patch https://github.com/iamruslan/yii2-yandex-maps/commit/fee95f91b4b313424c5041101f57a6b49d0a7276
Components
mirocow\yandexmaps\Api
mirocow\yandexmaps\Map
mirocow\yandexmaps\Canvas
mirocow\yandexmaps\JavaScript
mirocow\yandexmaps\Placemark
mirocow\yandexmaps\Polyline
- TODO: Geo XML
- TODO: GeoObject
- TODO: Balloon
- TODO: Hint
- TODO: Clusterer
mirocow\yandexmaps\Api
Application components which register scripts.
Usage
Attach component to application (e.g. edit config/main.php):
'components' => [
'yandexMapsApi' => [
'class' => 'mirocow\yandexmaps\Api',
]
],
mirocow\yandexmaps\Map
Map instance.
Usage
$map = new mirocow\yandexmaps\Map('yandex_map', [
'center' => [55.7372, 37.6066],
'zoom' => 10,
// Enable zoom with mouse scroll
'behaviors' => array('default', 'scrollZoom'),
'type' => "yandex#map",
],
[
// Permit zoom only fro 9 to 11
'minZoom' => 9,
'maxZoom' => 11,
'controls' => [
"new ymaps.control.SmallZoomControl()",
"new ymaps.control.TypeSelector(['yandex#map', 'yandex#satellite'])",
],
]
);
$pm = new \mirocow\yandexmaps\objects\Placemark([55.8, 37.8],[],
[
'draggable'=>true,
'events'=>[
'dragend'=>'function(e){console.log(111);}'
]
]
);
$map->addObject($pm);
$pm2 = new \mirocow\yandexmaps\objects\Placemark([55.8, 37.8],[],
[
'draggable'=>true,
'events'=>[
'dragend'=>'function(e){console.log(e.get(\'type\'));}'
]
]
);
$map->addObject($pm2);
mirocow\yandexmaps\Canvas
This is widget which render html tag for your map.
Usage
Simple add widget to view:
use mirocow\yandexmaps\Canvas as YandexCanvas;
echo YandexCanvas::widget([
'htmlOptions' => [
'style' => 'height: 400px;',
],
'map' => $map,
]);
mirocow\yandexmaps\Clusterer
for (var i in map_point) {
points[i] = new ymaps.GeoObject({
geometry : {
type: 'Point',
coordinates : [map_point[i]['lat'],map_point[i]['lng']]
},
properties : {
balloonContentBody : map_point[i]['body']
// hintContent : 'подробнее'
}
},
{
iconImageHref: '/i/' + map_point[i]['spec']+'.png',
iconImageSize: [29,29],
balloonIconImageHref: '/i/' + map_point[i]['spec']+'.png',
balloonIconImageSize: [29,29],
hasBalloon: true
});
}
var clusterer = new ymaps.Clusterer();
clusterer.add(points);
map.geoObjects.add(clusterer);