Выберите местоположение и найдите его на карте от имени города, используя API карты Bing

0

Я хочу добавить карту на свой веб-сайт php и найти точку на карте с названия города. Я использовал карту BING для определения местоположения и попробовал некоторый код.

Я попробовал следующий код

<script type='text/javascript' 
src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap'
async defer></script>
<script type='text/javascript'>
var map, searchManager;

function GetMap() {
map = new Microsoft.Maps.Map('#myMap', {
credentials: 'AmfOk2xwWNj5kqDse3LKuOZoCUtgYfV_DJ17G6j7ob3GespTDhcd2Z5H1_4zoGgM'
});

//Make a request to geocode New York, NY.
var query = ["Sichuan","Kassel, Germany","Yasuj, Iran","Tokyo, Japan","Riyadh, Saudi Arabia"];
geocodeQuery(query);
}

function geocodeQuery(query) {
//If search manager is not defined, load the search module.
if (!searchManager) {
//Create an instance of the search manager and call the geocodeQuery function again.
Microsoft.Maps.loadModule('Microsoft.Maps.Search', function () {
searchManager = new Microsoft.Maps.Search.SearchManager(map);
geocodeQuery(query);
});
} else {
var searchRequest = {
where: query,
callback: function (r) {
console.log(r);
if (r && r.results && r.results.length > 0) {
var pin, pins = [], locs = [], output = 'Results:<br/>';

for (var i = 0; i < query.length; i++) {
//Create a pushpin for each result.
pin = new Microsoft.Maps.Pushpin(r.results[i].location, {
text: i + ''
});
pins.push(pin);
locs.push(r.results[i].location);

output += i + ') ' + r.results[i].name + '<br/>';
}

//Add the pins to the map
map.entities.push(pins);

//Display list of results
document.getElementById('output').innerHTML = output;

//Determine a bounding box to best view the results.
var bounds;

if (r.results.length == 1) {
bounds = r.results[0].bestView;
} else {
//Use the locations from the results to calculate a bounding box.
bounds =
Microsoft.Maps.LocationRect.fromLocations(locs);
}

map.setView({ bounds: bounds });
}
},
errorCallback: function (e) {
//If there is an error, alert the user about it.
alert("No results found.");
}
};
//Make the geocode request.
searchManager.geocode(searchRequest);
}
}
</script>

<div id="myMap" style="position:relative;width:600px;height:400px;"></div>
<div id='output' style="margin-left:10px;float:left;"></div>

Но карта отображает только несколько мест. Мне нужно построить все местоположения, которые указаны в переменной "запрос". Пожалуйста, предложите мне решение.

Карта вывода приведена ниже, enter image description here

спросил(а) 2018-08-02T14:30:00+03:00 1 год, 3 месяца назад
0
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема