Хотите показать на карте Ваш дом, особняк, участок, гараж?
Это просто!
Для примера разместим на карте многоугольник, который покрывает всю Москву по МКАДу. Естественно многоугольнику можно задать стили для отображения.
<script type="text/javascript">
// Создание обработчика для события window.onLoad
YMaps.jQuery(function () {
// Создание экземпляра карты и его привязка к созданному контейнеру
var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
// Установка для карты ее центра и масштаба
map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 9);
// Создание стиля для многоугольника
var style = new YMaps.Style("default#greenPoint");
style.polygonStyle = new YMaps.PolygonStyle();
style.polygonStyle.fill = 1;
style.polygonStyle.outline = 1;
style.polygonStyle.strokeWidth = 10;
style.polygonStyle.strokeColor = "ffff0088";
style.polygonStyle.fillColor = "ff000055";
YMaps.Styles.add("polygon#Example", style);
// Создание многоугольника
var polygon = new YMaps.Polygon([
new YMaps.GeoPoint(37.59507,55.576559),
new YMaps.GeoPoint(37.493452,55.613885),
new YMaps.GeoPoint(37.369853,55.767479),
new YMaps.GeoPoint(37.405561,55.871082),
new YMaps.GeoPoint(37.553873,55.911209),
new YMaps.GeoPoint(37.707682,55.898866),
new YMaps.GeoPoint(37.83677,55.821634),
new YMaps.GeoPoint(37.834021,55.689979),
new YMaps.GeoPoint(37.83677,55.646518),
new YMaps.GeoPoint(37.669234,55.576559)
], {
style: "polygon#Example",
hasHint: 1,
hasBalloon: 1
});
// Установка данных для многоугольника
polygon.name = "Москва";
polygon.description = "Столица России";
// Добавление многоугольника на карту
map.addOverlay(polygon);
});
</script>
И теперь разместим блок с самой картой