Здравствуйте! Помогите пожалуйста с созданием групп меток, я в этом новичёк! Пробовал по-всякому, либо белая страница, либо метки показываются на яндекс картах, а не на моей карте!
Вот код моей страницы:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Карта Полевского</title>
<script src="http://api-maps.yandex.ru
<script type="text/javascript">
window.onload = function () {
var options = {
tileUrlTemplate: "./%z/tile-%x-%y.jpg",
controls: {
typeControl: false,
miniMap: false,
toolBar: true,
scaleLine: false
},
scrollZoomEnabled: true,
mapCenter: new YMaps.GeoPoint(60.2181772885994, 56.4631259443691),
backgroundMapType: YMaps.MapType.NONE,
mapZoom: 13,
isTransparent: true,
smoothZooming: false,
layerKey: "my#layer",
mapType: {
name: "Карта Полевского",
textColor: "#000000"
},
copyright: ""
},
map = new YMaps.Map(document.getElementById("YMapsID")),
myData = new YMaps.TileDataSource(options.tileUrlTemplate, options.isTransparent, options.smoothZooming);
myData.getTileUrl = function (tile, zoom) {
return this.getTileUrlTemplate().replace(/%x/i, tile.x).replace(/%y/i, tile.y).replace(/%z/i, zoom);
}
var MyLayer = function () {
return new YMaps.Layer(myData);
}
YMaps.Layers.add(options.layerKey, MyLayer);
var mapLayers = options.backgroundMapType ? options.backgroundMapType.getLayers() : [],
myMapType = new YMaps.MapType(YMaps.jQuery.merge(mapLayers, [ options.layerKey ]), options.mapType.name, { textColor: options.mapType.textColor }
map.setCenter(options.mapCenter, options.mapZoom, myMapType);
if (options.copyright) {
map.addCopyright(options.copyright);
}
if (options.controls.typeControl) {
map.addControl(new YMaps.TypeControl([ myMapType, YMaps.MapType.MAP, YMaps.MapType.SATELLITE, YMaps.MapType.HYBRID ], [1, 2, 3])
}
if (options.controls.miniMap) {
map.addControl(new YMaps.MiniMap()
}
if (options.controls.toolBar) {
map.addControl(new YMaps.ToolBar()
}
if (options.controls.scaleLine) {
map.addControl(new YMaps.ScaleLine()
}
if (options.scrollZoomEnabled) {
map.enableScrollZoom(
}
map.addControl(new YMaps.Zoom()
}
</script>
</head>
<body>
<div id="YMapsID" style="width:550px;height:400px"></div>
</body>
</html>