Полезные решения, шпаргалки и примеры по html, css, js, jQuery, MySQL, PHP, HostCMS, ssh.
Подключаем api-maps.yandex:
<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
И следующий скрипт:
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map("map", {
center: [55.57295865110214,37.45323642321772],
zoom: 11
}, {
searchControlProvider: 'yandex#search'
}),
objects = ymaps.geoQuery([
{
type: 'Point',
coordinates: [55.57295865110214,37.45323642321772]
},
{
type: 'Point',
coordinates: [55.57295865110214,37.45323642321772]
},
{
type: 'Point',
coordinates: [55.57295865110214,37.45323642321772]
}
]).addToMap(myMap),
circle = new ymaps.Circle([[55.57295865110214,37.45323642321772], 15000], null, { draggable: true});
myMap.geoObjects.add(circle);
}
И сама вертска:
<style>
#map {width: 100%;height: 700px;}
</style>
<div id="map"></div>
Что получилось: