Comments (10)
ChaudhryAtif
commented on July 28, 2024
2
I started looking into it as well. I will keep you guys posted on progress. Using leaflet-sidebar.d.ts as base.
from leaflet-sidebar-v2.
ChaudhryAtif
commented on July 28, 2024
2
@cwgrc2 What have you tried? Since leaflet-sidebar.d.ts is inside the project, you shouldn't have to do a lot other than importing it.
Hopefully this helps:
// package.json
npm install -S leaflet leaflet-sidebar-v2
npm install -D @types/leaflet
// html
<div id="sidebar" class="leaflet-sidebar collapsed">
...
</div>
// controller
import * as L from 'leaflet';
import 'leaflet-sidebar-v2';
getSidebar() {
return L.control.sidebar({container: 'sidebar', autopan: true});
}
from leaflet-sidebar-v2.
noerw
commented on July 28, 2024
1
I just released v3.0.1
from leaflet-sidebar-v2.
nickpeihl
commented on July 28, 2024
I am not familiar with TypeScript or Angular. Would you like to submit pull requests for including TypeScript definitions and an Angular example?
from leaflet-sidebar-v2.
ChaudhryAtif
commented on July 28, 2024
The parent repo has a typing file, but this fork is ahead of the parent repo, So typing file will need to be modified, but I do not have any experience in writing typings for a JS project. If someone can write the typing file, I can probably add an Angular example.
@noerw Are you familiar with Typescript?
from leaflet-sidebar-v2.
noerw
commented on July 28, 2024
Yeah, a little bit. I can look into it.
Can't help out with angular 2 though
from leaflet-sidebar-v2.
noerw
commented on July 28, 2024
fixed in 9873c90
from leaflet-sidebar-v2.
ChaudhryAtif
commented on July 28, 2024
@nickpeihl @noerw Will the version get a bump? B/c npm install 3.0.0 doesn't seem to give the latest changes.
from leaflet-sidebar-v2.
cwgrc2
commented on July 28, 2024
Can anyone here please give an example on actually how to use this in Typescript Angular? A little late to the game here sorry. I have been trying to integrate leaflet-sidebar-v2 for two days now with no luck. I tried '@runette/ngx-leaflet-sidebar' Angular wrapper but that requires a certain version of Angular to work.
Thanks!
from leaflet-sidebar-v2.
cwgrc2
commented on July 28, 2024
Thanks for Responding Atif!
I am first taking Paul's Runette's advice of rebuilding all of my
node_modules with the latest of all of our add-on plugins.
Is it your contention above that we do not need the
'runnete/ngx-leaflet-sidebar' add-on and just use the leaflet-sidebar-v2
directly?
If so, I think I tried that, but I think I tried it without
the @types/leaflet install. So I will try that again first after the
re-install.
Thanks for your input!
Chris
[email protected]
…On Mon, Apr 13, 2020 at 6:49 PM Atif Chaudhry ***@***.***> wrote:
What have you tried? Since leaflet-sidebar.d.ts is inside the project,
you shouldn't have to do a lot other than importing it.
Hopefully this helps:
// package.json
npm install -S leaflet leaflet-sidebar-v2
npm install -D @types/leaflet
// html
<div id="sidebar" class="leaflet-sidebar collapsed">
...
</div>
// controller
import * as L from 'leaflet';
import 'leaflet-sidebar-v2';
getSidebar() {
return L.control.sidebar({container: 'sidebar', autopan: true});
}
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#12 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AOAPKSDYMN7SWPZN77I7GG3RMOXIBANCNFSM4EFXDFPQ>
.
from leaflet-sidebar-v2.
Related Issues (20)
- vue js wrapper HOT 1
- is there a react component availabe? thanks advanced HOT 2
- Can't refresh content HOT 1
- Sidebar on right side causes attribution shift HOT 1
- Is there a way to use JS inside a pane HOT 1
- IE compatibility HOT 2
- fa-bars do not consider top margin. Is it possible to change in the css file? HOT 1
- Allow determining whether sidebar is currently open or closed.
- can you give this library for react version ? HOT 1
- How to use in React? HOT 1
- Allow deep links to tabs
- Place the .leaflet-sidebar-tabs at the bottom horizontally rather than vertically on the left or on the right
- I can't un-insert the checkboxes in the panel HOT 1
- How to update content dynamic
- addUser() function not working. HOT 1
- Icons go invisible after clicking between panels.
- Remove Github link
- react-leaflet-sidebar-v2 hook
- is it possible to remove the tabs pane when we have only one panel
- Open sidebar pane on tooltip click?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leaflet-sidebar-v2.