0

所以我开始在我的网站上使用传单,并设法进行搜索,在其中我可以显示我的项目名称。问题是我需要在点击时显示信息,但我的标记不可点击。

这是我的组件:

<template>
    <div id="mapid" style="width: 600px; height: 400px"></div>
</template>


<script>
    var swal = require('sweetalert');
    var config = require('../../config.js');
    var Vue = require('vue');
    name: 'mapOrganization',
        data: function(){
            return {
                L : {},
            }
        },
ready: function(){
var L = require('../../lib/leaflet/leaflet.js')
        L.Icon.Default.imagePath = '../../lib/leaflet/images';
        this.initMap();
}
methods: {
initMap: function(organizations) {

            var mymap = L.map('mapid').setView([51.505, -0.09], 13);
            L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', {
                maxZoom: 18,
                attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
                '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
                'Imagery © <a href="http://mapbox.com">Mapbox</a>',
                id: 'mapbox.streets'
            }).addTo(mymap);
            L.marker([51.5, -0.09]).addTo(mymap).bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
            L.circle([51.508, -0.11], 500, {
                color: 'red',
                fillColor: '#f03',
                fillOpacity: 0.5
            }).addTo(mymap).bindPopup("I am a circle.");
            L.polygon([
                [51.509, -0.08],
                [51.503, -0.06],
                [51.51, -0.047]
                ]).addTo(mymap).bindPopup("I am a polygon.");
            var popup = L.popup();
            function onMapClick(e) {
                popup
                .setLatLng(e.latlng)
                .setContent("dasd" + e.latlng.toString())
                .openOn(mymap);
            }
            mymap.on('click', onMapClick);
           }
         }

我已尝试使用 Option {clickable: true},但仍然无法正常工作。我正在使用简单的示例传单开始。

4

0 回答 0