Событие On Click на точке широты / долготы на карте

Question

Событие On Click на точке широты / долготы на карте

1

Я работаю с highmaps и застрял, чтобы получить событие click на mappoint на lat/long map.

Есть ли какая-либо ссылка API для того, чтобы применить onclick-событие на карте?

код

// Initiate the chart
Highcharts.mapChart('container', {

    title: {
        text: 'Highmaps basic lat/lon demo'
    },

    mapNavigation: {
        enabled: true
    },

    tooltip: {
        headerFormat: '',
        pointFormat: '<b>{point.name}</b><br>Lat: {point.lat}, Lon: {point.lon}'
    },

    series: [{
        // Use the gb-all map with no data as a basemap
        mapData: Highcharts.maps['countries/gb/gb-all'],
        name: 'Basemap',
        borderColor: '#A0A0A0',
        nullColor: 'rgba(200, 200, 200, 0.3)',
        showInLegend: false
    }, {
        name: 'Separators',
        type: 'mapline',
        data: Highcharts.geojson(Highcharts.maps['countries/gb/gb-all'], 'mapline'),
        color: '#707070',
        showInLegend: false,
        enableMouseTracking: false
    }, {
        // Specify points using lat/lon
        type: 'mappoint',
        name: 'Cities',
        color: Highcharts.getOptions().colors[1],
        data: [{
            name: 'London',
            lat: 51.507222,
            lon: -0.1275
        }, {
            name: 'Birmingham',
            lat: 52.483056,
            lon: -1.893611
        }, {
            name: 'Leeds',
            lat: 53.799722,
            lon: -1.549167
        }, {
            name: 'Glasgow',
            lat: 55.858,
            lon: -4.259
        }, {
            name: 'Sheffield',
            lat: 53.383611,
            lon: -1.466944
        }, {
            name: 'Liverpool',
            lat: 53.4,
            lon: -3
        }, {
            name: 'Bristol',
            lat: 51.45,
            lon: -2.583333
        }, {
            name: 'Belfast',
            lat: 54.597,
            lon: -5.93
        }, {
            name: 'Lerwick',
            lat: 60.155,
            lon: -1.145,
            dataLabels: {
                align: 'left',
                x: 5,
                verticalAlign: 'middle'
            }
        }]

Fiddle - http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/mappoint-latlon/

Выше приведен пример из highmaps, но я не получил никакой ссылки API для достижения события click на lat/long mappoint.

Спасибо

milan kumar 20 сен. 2017, в 11:10

Источник

1

Используйте событие щелчка точки ( api.highcharts.com/highcharts/… ). Пример: jsfiddle.net/07kwxwo9 .
pawel_d 20 сен. 2017, в 11:05

Теги:

javascript

json

highcharts

highmaps

1 ответ

Ещё вопросы

Используйте событие щелчка точки ( api.highcharts.com/highcharts/… ). Пример: jsfiddle.net/07kwxwo9 .

Deep 3015 · Accepted Answer · 2017-09-20T08-11-00.000Z

Проверьте ссылку plotOptions.series.point.events.click

  plotOptions: {
    series: {
      point: {
        events: {
          click: function() {
            var text = '<b>Clicked point</b><br>Series: ' + this.series.name +
              '<br>Point: ' + this.name + ' (lat: ' + this.lat + ' lon:' + this.lon + ')',
              chart = this.series.chart;
            if (!chart.clickLabel) {
              chart.clickLabel = chart.renderer.label(text, 0, 250)
                .css({
                  width: '180px'
                })
                .add();
            } else {
              chart.clickLabel.attr({
                text: text
              });
            }
          }
        }
      }
    }
  },

Демо-версия скрипта

Спасибо, Глубоко, у меня сработало.