Справка:Примеры встроенной интерактивной карты

Материал из Два града
Перейти к: навигация, поиск

Встроенная в вики страницу интерактивная карта OpenStreetMap.org.

Простая карта

Та же карта на самом сайте OpenStreetMap.org

Карта с маркером

Маркеры создаются в специальном формате конструктором GeoJson и затем вставляются между тэгами <mapframe></mapframe>. Пример созданного конструктором кода с добавленной всплывающей подсказкой:

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "marker-color": "#0000a0",
        "marker-size": "medium",
        "marker-symbol": "marker",
        "title": "Сенатский дворец"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          37.61911869049072,
          55.753286398686356
        ]
      }
    }
  ]
}
  • В раздел свойства (properties) можно также добавить всплывающую подсказку (title), учитывая, что все свойства перечисляются через запятую:
"title": "Сенатский дворец"
  • Внутри маркера поддерживаются изображения коллекции Maki, которые определются в свойстве marker-symbol.

Использование шаблона

<mapframe width="400" height="400" zoom="14" longitude="37.61911869049072" latitude="55.753286398686356">{

"type": "FeatureCollection", "features": [ { "type": "Feature",

"properties": { "marker-color": "#0000a0", "marker-size": "medium", "marker-symbol": "marker", "title": "Сенатский дворец" },

"geometry": { "type": "Point", "coordinates": [37.61911869049072, 55.753286398686356 ] }

} ]

}

</mapframe>

См. также:

  • Помощь по использованию расширения Kartographer.