Toggle Bing Maps Dashboard - javascript

Is there any way to toggle the bing maps dashboard('showDashboard' option) using the api v7?
I know that it can be set in the constructor, but I want to be able to show/hide this dashboard after the map is rendered and i dont want to recreate the map every time a user wants to show or hide the controlls.
I tried using:
map.setOptions({showDashboard : userOption})
but it doesnt work.
In the documentation it states that "This property can only be set when using the Map constructor.", but I'm still hoping for a solution/hack....even tho i've been searching for a solution all over the internet.
Thanks in advance.
Cheers!

I think you cannon achieve this through API.
The best solution is to control this manually after the maps loaded
Just use
$(".MicrosoftNav").style.visibility = "hidden" // To hide the nav bar
Or
$(".MicrosoftNav").style.visibility = "visible" // To show the nav bar
I suppose the bing will not change the class of "MicrosoftNav", but who knows...

I ended up recreating the map on each show/hide action and it seems to work ok, but it would have been nice if there was a way of doing this without having to destroy and render the map again....i know for a fact that this can be done in gmaps.

Related

Create responsive drag and drop dashboard in React

I am trying to create a dashboard where users can drag and drop widgets within the dashboard to any position they'd like. I've seen other examples similar but they all seem to have predefined elements.
In my case, the user can create and remove elements on the dashboard and move them to any point on the board.
My question is, what would be the best way to create a dashboard like this that supports the dragging and dropping of an element anywhere on it. Also, how can I save this info?
Thanks in advance.
Are you looking for something like react-grid-layout?
In this demo you can see how the widgets' state could be encoded. This could be saved and retrieved upon page load.
You can use react-dnd library. Easy to implement and customise. Here is the repo link;
https://github.com/react-dnd/react-dnd/

How to give marker a z-index wild-googlemaps

Probably impossible without using an API, but I'm going to ask anyway because it would save me so much pain and tears.
Is there a way to give a googlemaps marker a z-index without using the API? I've got the plug-in called Wild-Googlemaps implemented on my wordpress site. And I've created a googlemaps div, with an overlaying div set to opacity:0.7 for styling purposes.
Now I've lost the ability to click the marker, so I need to somehow change its z-index.
Anyone had this problem or has any ideas? Much appreciated.
Thanks in advance.
You cannot do that without accessing API.
By default all markers are created as a part of a map canvas and you cannot access them (they don't belong to the DOM tree). You could do that after turning off optimized parameter passed during creation of the marker (take a look at
description of marker parameters), but this require access to API.

Google Maps Sidebar Render Issue

I wonder whether it's possible that someone could help me please with a problem I've been trying to solve for over a week now.
I'm using this page to try and implement sidebar functionality to my Google map with the list entries and associated map markers switched on and off via category checkboxes.
I can get the markers to appear and disappear via the checkboxes, but I can't get the sidebar to render on the page.
As I said I've spent a lot of time on this and I seem to be going round in circles and I just can't work out where I'm going wrong.
I just wondered whether it's at possible that someone could take a look at this please and let me know where I've gone wrong.
Sincere thanks and kind regards

Google Map Custom Marker Image Not Rendering

I have this page where I have one custom marker rendering, and another not rendering. Would anyone know why? The http://www.comehike.com/img/smile.gif does not show up and the car image does show up.
The page url with the map (towards the bottom) is here:
http://www.comehike.com/hikes/hike_carpool.php?hike_id=125
Thanks,
Alex
Ok it was something stupid I was doing. Never mind :)

Javascript based interactive map application

Greetings,
I'm looking for a quick way of slicing the map of a country by regions and when clicked on a specific region, showing some gui with the info of the region. I am looking for a quick framework, plugin or such to achieve this swiftly. I know it can easily be achieved using flash but I want to rely on javascript instead.
Cheers
have you had a look at Seadragon? I know it will do the slicing and the zooming for you but you'd probably have to extend it by yourself to get an info window to pop up.
You may have a look at http://www.openlayers.org
Have you checked Web Maps Lite from CloudMade?
http://developers.cloudmade.com/projects/show/web-maps-lite
You may just add CM.Polygon for each region, and then processes onClick event.
Combine these two examples:
http://developers.cloudmade.com/projects/web-maps-lite/examples/info-window
http://developers.cloudmade.com/projects/web-maps-lite/examples/polylines-and-polygons

Categories

Resources