Как я могу добавить описание кнопки на Bing во время наведения мыши?

Пожалуйста, помогите мне добавить описание при наведении курсора мыши на канцелярскую кнопку в карте Bing? Или, пожалуйста, помогите мне вызвать функцию, когда мышь проходит через канцелярскую кнопку. Спасибо.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
            <title></title>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
                <script type="text/javascript">

    var map = null;
    function GetMap() {

        // Initialize the map

        map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), { credentials: "Ah6hamk-cQOK9E8CiVl2mvmNR1f0UWpQJXNKxuWNhDBWiFCbpreme4p6Qpj6C03s", mapTypeId: "r" });

    }
    function ClickGeocode(credentials) {
        map.getCredentials(MakeGeocodeRequest);
    }
    function MakeGeocodeRequest(credentials) {
        var geocodeRequest = "http://dev.virtualearth.net/REST/v1/Locations/Cochin?output=json&jsonp=GeocodeCallback&key=" + credentials;

        CallRestService(geocodeRequest);

    }
    function GeocodeCallback(result) {
        //alert("Found location: " + result.resourceSets[0].resources[0].name);

        if (result &&
            result.resourceSets &&
            result.resourceSets.length > 0 &&
            result.resourceSets[0].resources &&
            result.resourceSets[0].resources.length > 0) {
            // Set the map view using the returned bounding box
            var bbox = result.resourceSets[0].resources[0].bbox;
            var viewBoundaries = Microsoft.Maps.LocationRect.fromLocations(new Microsoft.Maps.Location(bbox[0], bbox[1]), new Microsoft.Maps.Location(bbox[2], bbox[3]));
            map.setView({ bounds: viewBoundaries });
            // Add a pushpin at the found location
            var location = new Microsoft.Maps.Location(result.resourceSets[0].resources[0].point.coordinates[0], result.resourceSets[0].resources[0].point.coordinates[1]);
            //alert(location);
            var pushpin = new Microsoft.Maps.Pushpin(location);
            map.entities.push(pushpin);
        }
    }
    function CallRestService(request) {
        var script = document.createElement("script");
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", request);
        document.body.appendChild(script);
    }
</script>


javascript bing-maps
person SABU    schedule 06.01.2011    source источник
comment
Форматирование кода может помочь вам намного больше :) stackoverflow.com/editing-help   -  person Dan    schedule 06.01.2011

Ответы (2)


arrow_upward
1
arrow_downward

Между строками "var pushpin" и "map.entities.push..." добавьте то, что у меня есть ниже. Это поможет вам начать. По сути, вы добавляете обработчик событий.

Обратите внимание, что в этом случае событие добавляется к «булавке», но может быть добавлено к другим объектам, таким как «информационное поле», если оно у нас есть. Есть только несколько поддерживаемых событий - проверьте документы. Но вы можете сделать кое-что аккуратное после того, как подключите событие. Повеселись!

КОД:

var pushpin = new Microsoft.Maps.Pushpin(location);

Microsoft.Maps.Events.addHandler(pushpin, 'mouseover', function () {
alert("The mouse went over the pin");});               

map.entities.push(pushpin);
person Llewellyn Preece    schedule 03.11.2011

arrow_upward
0
arrow_downward

Ответ Ллевеллина действителен. Другой подход заключается в том, чтобы указать значение параметра typeName в строке канцелярской кнопки:

var pushpin = new Microsoft.Maps.Pushpin(location, {typeName: 'pin123'});
map.entities.push(pushpin);

затем, используя jQuery, вы можете добавлять элементы или перехватывать события:

$(".pin123" ).mouseover(function() { alert("hey!"); });
person BernieSF    schedule 25.06.2014