1

как подключится к openstreetmap через API? я реально не могу найти нормальной инфы. Мне надо подключится и поставить гео точки

<?

function get_saved_locations(){
    $con=mysqli_connect ("localhost", 'root', '','locations');
    if (!$con) {
        die('Not connected : ' . mysqli_connect_error());
    }
    $sqldata = mysqli_query($con,"select lng,lat from locations ");

    $rows = array();
    while($r = mysqli_fetch_assoc($sqldata)) {
        $rows[] = $r;

    }
    $indexed = array_map('array_values', $rows);

    //  $array = array_filter($indexed);

    echo json_encode($indexed);
    if (!$rows) {
        return null;
    }
}

?>

  <script>


var map = L.map( 'map', {
  center: [57.08231,25.24116],
  minZoom: 1.5,
  zoom: 7
})

L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
  subdomains: ['a', 'b', 'c']
}).addTo( map )

var myURL = jQuery( 'script[src$="leaf-demo.js"]' ).attr( 'src' ).replace( 'leaf-demo.js', '' )

var myIcon = L.icon({
  iconUrl: myURL + 'images/pin24.png',
  iconRetinaUrl: myURL + 'images/pin48.png',
  iconSize: [29, 24],
  iconAnchor: [9, 21],
  popupAnchor: [0, -14]
})

for ( var i=0; i < markers.length; ++i ){
L.marker( [markers[i].lat, markers[i].lng], {icon: myIcon} )
.addTo( map );
</script>

Это всё работает , но это вывод для JSON, а мне надо из базы данных MYSQL, там всего 2 колонки lat lng

<?
   $con=mysqli_connect ("localhost", 'root', '','locations');
    if (!$con) {
        die('Not connected : ' . mysqli_connect_error());
    }
    // update location with location_status if admin location_status.
    $sqldata = mysqli_query($con,"select lng,lat from locations ");

    $rows = array();
    while($r = mysqli_fetch_assoc($sqldata)) {
        $rows[] = $r;

    }

?>
var tempArray = JSON.parse("[<?echo $r?>]");
1
  • Вы сегодня задавали похожий вопрос и я Вам привел ссылку, где я поверхностно сравнил несколько картографических движков, пример почти для всех берет тайлы openstreetmap. сам по себе osm это не движок, это информация (тайлы) 15 мар 2019 в 16:21

1 ответ 1

2

OSM это не движок, это данные(тайлы).

Используйте например leaflet, это карты 2д, с достаточно простым API, вот пример OSM:

var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osmLayer = new L.TileLayer(osmUrl, {
    maxZoom: 18
});
var pt = new L.LatLng(60, 30.3);
var map = new L.Map('map', {
    center: pt,
    zoom: 12,
    layers: [osmLayer]
});
L.marker(pt).addTo(map)
.bindPopup('Кто тут ??')
.openPopup();
body {
    margin: 0;
    overflow: hidden;
}
#map {
    position: fixed;
    width: 100%;
    height: 100%;
}
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<div id="map"></div>

другой мой пост с поверхностным сравнением разных Web карт и глобусов

19
  • изменил описание вопроса наверху ... можете помочь с этим? 15 мар 2019 в 18:11
  • очень жалко(((( 15 мар 2019 в 18:20
  • да, это я и хотел бы , но я не знаю как в javascrip-е заюзать этот массив из php..просто впервые сталкиваюсь , так как новенький в этом деле. 15 мар 2019 в 18:26
  • за вывод отвечает этот цикл фор в js и я не знаю как туда результат того запроса поставить ...или я чего то недопонимаю. я не знаю( 15 мар 2019 в 18:27
  • вот так выведите в лог php.net/manual/ru/debugger.php 15 мар 2019 в 18:33

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.