I've seen a lot of posts that say v8 does not yet support viapointPushpinOptions and I was wondering if that was still the case. What I would like to do is make viapoints draggable, but have not yet figured out how. This is the code I have...
directionsManager.setRenderOptions({
viapointPushpinOptions: { visible: false },
viapointPushpinOptions: { draggable: true }
});
Any help is much appreciated. Thanks!
The viapointPushpinOptions property is deprecated and there are no plans to add it to V8. In V8 you can use the following for waypoint customizations:
waypointPushpinOptions
firstWaypointPushpinOptions
lastWaypointPushpinOptions
That said, we are planning to add a function soon to the directions manager to get all pushpins for the route which would make it easy to go through and customize each one as much as you want. That should be in the experimental branch soon if it isn't already there and will likely be in the main release branch in a few weeks.
If you can't wait, you can always hide all waypoints, then loop through the route data and create custom pushpins for each waypoint as you see fit. Here is a sample: http://bingmapsv8samples.azurewebsites.net/#Fully%20Custom%20Waypoint%20Pushpins
Related
Using Mapbox GL JS ver. 1.10.1
I've already got the map working with everything, but when I click the Geolocate Control button there's no animation. It just jumps to a point so I'd like to know how to add that animation. The mapbox documentation shows the behavior I want but I can't find what I might've missed to make the animation work.
Here's what my code looks like:
var geoctrl = new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
trackUserLocation: true
});
this.map.addControl(geoctrl);
I've tried using the exact code in the documentation, removing parameters and setting the parameters to false and there's still no animation.
Any help would be appreciated. Thanks in advance!
Finally fixed this issue. Turns out it was a windows setting for enabling animations on windows. I'm using rdp so turning off animations helped to improve the connection.
See link for more info
I'm completely new to mapbox and was just exploring api docs for a small project I'm currently working on.
One thing I want to do, but could not find anywhere (which is why I believe it may not be possible) is to put GeolocateControl together with NavigationControl button group.
Does anyone know whether it is actually doable?
What I have so far is two calls to addControl, which place one in the top-left - the other top right corner of the map.
window.currentMap.addControl(new mapboxgl.NavigationControl(), 'top-left');
window.currentMap.addControl(new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
trackUserLocation: true
}));
You can place both controls in the same corner. For instance, at opentrees.org, both are in the bottom right corner.
In your case, just change your last line to }), 'top-left');
If you need them to be even closer, or more "together" in some way, overriding the Mapbox-GL CSS (as Andrew suggested) is the correct approach.
I'm trying to get this horizontal scrolling Plugin from Waypoints to work and it appears that there must be something outside of my knowledge that is missing.
Here's a codepen I made of the 1 and only example they had. It's supposed to trigger a little pop up notifier. Firstly, I'd like to see that this really works before I put anymore time/frustration into it - but I'd also like to attach an addClass or toggleClass to it.
var waypoint = new Waypoint({
element: document.getElementById('horizontal-waypoint-offset'),
handler: function(direction) {
notify('right-in-view waypoint triggered')
},
context: document.getElementById('overflow-scroll-offset'),
horizontal: true,
offset: 'right-in-view'
})
Codepen:
http://codepen.io/code-a-la-mode/pen/vOPWgM
Demo on Waypoint site:http://imakewebthings.com/waypoints/api/horizontal-option/
(ultimate use for this: I have a vimeo frame that slides in from an absolute left offscreen. I plan to have this toggle play/pause as it enters/leaves the viewport.)
I'd appreciate just seeing this work in any capacity, but if anyone wants to show off and make an example of it controlling play/pause as a vimeo (or youtube) screen slides in from off screen, I wouldn't mind AT ALL :)
The version of Waypoints you're using in that Pen is very old, 1.1.6. Creating waypoints using new Waypoint wasn't a feature until 3.0. Please try updating.
My custom map which has been produced by using MapTiler 0-5 levels displays well
on leaflet 0.6.4 but is not shown on version 0.7.3. Sorry, but I'm really new in using leaflet and maps. I've googled and checked the documentation on leaflet.com but haven't got any clue of a solution. Please help.
This is a demo using 0.6.4 and html already prepared for 0.7.3.
Sorry folks, I've just found my solution after googling again with other search
criteria. So I've found thread #2776 from Jakoboud pointing me to a possible solution. This does the trick -> continuousWorld: true and my map shows up.
Here's another question: how can I keep this map centered in browser window if the shown map part is smaller in width/height than browser window? map.setMaxBounds() doesn't work, it's bouncing the small map endlessly.
i want to show my current location on custom map.The custom map is of my locality....so,please help me how can i use custom map in place of google map???
The main problem with offline maps is not the "map" but all the stuff you need to build to georeference your map.
Think only at a map zoom.
There are many good open source libraries/SDK to manage offline maps.
--EDIT--
It seems that the free code I found was removed.
As soon as I will find a new available one I will update this comment