vue-leaflet not working example

[AnilKumaRLotla]

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm20.aspx.cs" Inherits="LeafletwithSVGSetColor.WebForm20" %>

<title></title> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script> <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script> <script src="https://unpkg.com/vue2-leaflet@1.0.1/dist/vue2-leaflet.js"></script> <style> html, body, #app { height: 100%; margin: 0; } </style>

<script>

        new Vue({
            el: '#app',
            components: {
                'v-map': Vue2Leaflet.Map,
                'v-tilelayer': Vue2Leaflet.TileLayer,
                'v-marker': Vue2Leaflet.Marker
            }
            data() {
                return {
                    zoom: 13,
                    center: L.latLng(47.413220, -1.219482),
                    url: 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
                    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
                    marker: L.latLng(47.413220, -1.219482),
                }
            }
        });

    </script>
</form>

[nmezzopera]

Hi! could you please tell us what version of vue2-leaflet are you using and where did you took up this example ?

[AnilKumaRLotla]

Hi Good Day, Thanks for responding, i have taken example from this link https://jsfiddle.net/Boumi/k04zpLx9/

…

On Tue, Jan 8, 2019 at 2:48 PM Nicolò Maria Mezzopera < ***@***.***> wrote: Hi! could you please tell us what version of vue2-leaflet are you using and where did you took up this example ? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#307 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Ar9uCv9IxuQiVW8zUUIc30V-3iwbLZ6fks5vBD81gaJpZM4Z03RS> .

[drafu]

Given example works perfectly for me

Here is a screenshot

[bezany]

@AnilKumaRLotla I create simple example of usage vue2-leaflet in ASP.NET MVC (Razor syntax) https://dotnetfiddle.net/8yNFeZ
You can translate this example to your WebForms project.

[AnilKumaRLotla]

Thanks to sharing your valuable time for me. <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> Virus-free. www.avast.com <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

…

On Tue, Jan 22, 2019 at 7:33 PM bezany ***@***.***> wrote: @AnilKumaRLotla <https://github.com/AnilKumaRLotla> I create simple example of usage vue2-leaflet in ASP.NET MVC (Razor syntax) https://dotnetfiddle.net/8yNFeZ You can translate this example to your WebForms project. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#307 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Ar9uCp66wWEqs-xlTdgLlqmHNS4VS7cBks5vFvcigaJpZM4Z03RS> .

-- Thanks Best Regards Anil Cell:- +65 82671145

[nmezzopera]

Closing this due to inactivity / issue resolved