Microsoft Bing Maps Pushpin (веб-JavaScript) - PullRequest
Новая
       7

Microsoft Bing Maps Pushpin (веб-JavaScript)

0 голосов
/ 25 сентября 2018

Можно ли создавать кнопки из адресов вместо широтно-длинных данных?

Я предполагаю, что конструктор канцелярских кнопок принимает только местоположения, которые представляют широковещательное / длинное представление местоположения.

newMicrosoft.Maps.Pushpin (значение)

Есть ли какое-либо решение для создания кнопок из адресов.

1 Ответ

0 голосов
/ 28 сентября 2018

Вот пример кода, показывающий, как найти местоположение по адресу: 

<!DOCTYPE html>
<html>
    <head>
        <title>searchbyaddressHTML</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <style type='text/css'>body{margin:0;padding:0;overflow:hidden;font-family:'Segoe UI',Helvetica,Arial,Sans-Serif}</style>
    </head>
    <body>
        <div id='printoutPanel'></div>

        <div id='myMap' style='width: 100vw; height: 100vh;'></div>
        <script type='text/javascript'>
            function loadMapScenario() {
                var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
                    /* No need to set credentials if already passed in URL */
                    center: new Microsoft.Maps.Location(47.624527, -122.355255),
                    zoom: 8 });
                Microsoft.Maps.loadModule('Microsoft.Maps.Search', function () {
                    var searchManager = new Microsoft.Maps.Search.SearchManager(map);
                    var requestOptions = {
                        bounds: map.getBounds(),
                        where: 'Washington, DC',
                        callback: function (answer, userData) {
                            map.setView({ bounds: answer.results[0].bestView });
                            map.entities.push(new Microsoft.Maps.Pushpin(answer.results[0].location));
                        }
                    };
                    searchManager.geocode(requestOptions);
                });

            }
        </script>
        <script type='text/javascript' src='https://www.bing.com/api/maps/mapcontrol?key=YourBingMapsKey&callback=loadMapScenario' async defer></script>
    </body>
</html>
...