PHP вывод yandex меток на карту

@Polevoy · Регистрация: 05.02.2016

Студворк — интернет-сервис помощи студентам

Всем привет! помогите вывести метку на карту.

Есть бд, вывести все метки получается, отображаются все метки на карте данные берутся из бд,
при выборе определенной страницы или при ее редактировании есть карта и мне нужно вывести текущую метку на текущей странице, заменив данные центра карты
как вывести данную метку с текущей страницы, подскажите пожалуйста

при таком коде все метки отображаются

Js карт

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
    var myMap, myCollection;
 
    ymaps.ready(init);
 
    
  function init () {
        myMap = new ymaps.Map("map", {
        center: [53.195831, 50.104566],
        zoom: 13.31
        }, {
            balloonMaxWidth: 300
            });
 
    
    myMap.controls
        .add('zoomControl');
        myMap.controls.add('typeSelector')  ;
 
 
 
 
    
 
 
    var MyBalloonContentLayoutClass = ymaps.templateLayoutFactory.createClass(
    '<strong>$[properties.name]</strong>' +
    '<p>$[properties.description]</p>'
    );
 
    $.getJSON("metki.php",
function(json){
for (i = 0; i < json.markers.length; i++) {
 
var myPlacemark = new ymaps.Placemark([json.markers[i].lat,json.markers[i].lon], {
            name: json.markers[i].icontext,
            description: json.markers[i].balloontext,
            hintContent: json.markers[i].hinttext
            },{
                balloonContentLayout: MyBalloonContentLayoutClass,
                preset: json.markers[i].styleplacemark
            });
 
  // Добавляем метку на карту
  myMap.geoObjects.add(myPlacemark);
}
 
 
});}

содержимое файла metki.php подгружаемого с js

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
header('Content-Type: text/html; charset=utf-8');
if($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') {
 
$result = mysql_query("SELECT * FROM table_products");
if(mysql_num_rows($result)>0)
{
while ($mar = mysql_fetch_array($result))
{
 
$json =  array(icontext=>$mar['title'], hinttext=>$mar['title'], balloontext=>$mar['mini_description'], styleplacemark=>$mar['stylePlacemark'], lat=>$mar['lat'], lon=>$mar['lon']);
$markers[] = $json;
}
 
}
$points = array(markers=>$markers);
 
echo json_encode($points);
 
}
 
 
?>

например я открыл для изменения страницу продукта id 27, нужно чтобы карта подгрузилаась только с одной меткой и данными из бд продукта с id27 в бд хранятся широта и долгота в столбцах lat lon. чтобы центр карты встал на данную метку, как реализовать такое?

пробовал поменять в metki.php строку чтобы просто хоть вывести метку одну но получаю ошибку в консоле

эту строку

PHP
1
$result = mysql_query("SELECT * FROM table_products");

менял на

PHP
1
$result = mysql_query("SELECT * FROM table_products WHERE products_id='$id'",$link);

но не выходит =(

было бы хорошо если бы было как тут

https://snipp.ru/view/142 реализовано но не получается подкл PDO не сталкивался
там как раз было бы хорошо на странице редактирование в подвале оставить код где координаты центра менялись бы на точку с выбраной меткой ну и данные балуна конечно

@atanov · 20.01.2019, 10:26

Polevoy, нужно на клиенте заменить карту со всеми метками на карту с одной меткой. А в Вашей попытке замены, скорее всего, не верно определена переменная $id или синтаксис - уберите одинарные кавычки или в одинарных кавычках оставьте, например, нужный id. Тогда сработает.

@estic · 20.01.2019, 13:59

Не нужно ничего дополнительно подгружать на клиенте. Вам на текущей странице должны быть доступны поля с координатами и т.п. Выводите их сразу на месте значений center, а чтобы не дублировать этот вывод в new ymaps.Placemark, можно написать так:

JavaScript
1
new ymaps.Placemark(myMap.getCenter(), {

Ну, и далее так же значения выводите, как у center, только не забывайте кодировать строки в HTML, если они еще не закодированы и есть риск появления кавычек.

@Polevoy · 20.01.2019, 14:54 **[ТС]**

Если убрать одинарные кавычки то получаю

Warning: mysql_num_rows() expects parameter 1 to be resource, boolean given in

если же поставлю

PHP
1
$result = mysql_query("SELECT * FROM table_products WHERE products_id=id",$link);

то получаю метку на выводит метку id 1 самую первую из бд хотя редактируется метка 27

Добавлено через 1 минуту
пока не могу получить данные о текущей метки
открыл метку для редактирования id метки в бд 27
но не могу правильно отправить данные из бд c id 27 и получить нужный json ответ чтобы вставить координаты и вывести метку на карту ( только одну метку)

Добавлено через 19 минут
Если в теле php файла metkared.php
ставлю

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    $result = mysql_query("SELECT * FROM table_products WHERE products_id='$id'",$link);
 
    If (mysql_num_rows($result) > 0)
    {
 
    $mar = mysql_fetch_array($result);
 
    {
        $json =  array(icontext=>$mar['title'], hinttext=>$mar['brand'], balloontext=>$mar['mini_description'], styleplacemark=>$mar['stylePlacemark'], lat=>$mar['lat'], lon=>$mar['lon']);
        $markers[] = $json;
 
    }$points = array(markers=>$markers);
    echo json_encode($points);
    }
}

то я получаю json с данными текущей страницы c id 27

но тогда ниже в js как вывести их если использовать тот же код js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
    var myMap, myCollection;
 
    ymaps.ready(init);
 
    
  function init () {
        myMap = new ymaps.Map("map", {
        center: [53.195831, 50.104566],
        zoom: 13.31
        }, {
            balloonMaxWidth: 300
            });
 
    
    myMap.controls
        .add('zoomControl');
        myMap.controls.add('typeSelector')  ;
 
 
 
 
    
 
 
    var MyBalloonContentLayoutClass = ymaps.templateLayoutFactory.createClass(
    '<strong>$[properties.name]</strong>' +
    '<p>$[properties.description]</p>'
    );
 
    $.getJSON("metki.php",
function(json){
for (i = 0; i < json.markers.length; i++) {
 
var myPlacemark = new ymaps.Placemark([json.markers[i].lat,json.markers[i].lon], {
            name: json.markers[i].icontext,
            description: json.markers[i].balloontext,
            hintContent: json.markers[i].hinttext
            },{
                balloonContentLayout: MyBalloonContentLayoutClass,
                preset: json.markers[i].styleplacemark
            });
 
  // Добавляем метку на карту
  myMap.geoObjects.add(myPlacemark);
}
 
 
});}

ясно дело что он не сможет ничего получить из

JavaScript
1
$.getJSON("metki.php"

мне надо указать как то чтобы с тела страницы тогда json выводился

@estic · 20.01.2019, 15:35

Сообщение от Polevoy

Если убрать одинарные кавычки то получаю

Значит, в $id у вас не число.

Добавлено через 2 минуты
$ перед id куда делся?

@Polevoy · 20.01.2019, 15:38 **[ТС]**

Сообщение от estic

$ перед id куда делся?

Warning: mysql_num_rows() expects parameter 1 to be resource, boolean given in

@estic · 20.01.2019, 15:41

Сообщение от Polevoy

пока не могу получить данные о текущей метки
открыл метку для редактирования id метки в бд 27
но не могу правильно отправить данные из бд c id 27 и получить нужный json ответ чтобы вставить координаты и вывести метку на карту ( только одну метку)

Я вам написал, как обойтись без JSON и прочего. Если что-то не нравится в моем предложении, так и напишите: "без костылей меня не устраивает".

Добавлено через 3 минуты

Сообщение от Polevoy

Warning: mysql_num_rows() expects parameter 1 to be resource, boolean given in

И что вы хотели этим сказать? В запросе была ошибка, поэтому и результат логического типа. Вы же результат даже не проверяете, поэтому дело доходит до mysql_num_rows().

@Polevoy · 20.01.2019, 15:45 **[ТС]**

Сообщение от estic

Я вам написал, как обойтись без JSON и прочего

простите я не пойму немного myMap.getCenter() как поставить если в начале инициализация карты идет
и как я могу туда поставить данные если без json то данные о метки ее название и тд как туда вписать?

Добавлено через 2 минуты

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type="text/javascript">
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map("map", {
center: [<?php echo ' '.$object['lat'].','.$object['lon'].''; ?>],
zoom: 10
}, {
searchControlProvider: 'yandex#search'
});
 
var myCollection = new ymaps.GeoObjectCollection();
 
 
var myPlacemark = new ymaps.Placemark([
myMap.getCenter()
], {
balloonContent: '<?php echo $object['title']; ?>'
}, {
preset: '<?php echo $object['icon']; ?>',
iconColor: '#ff0000'
});
myCollection.add(myPlacemark);
 
myMap.geoObjects.add(myCollection);
}

@estic · 20.01.2019, 15:57