I have a Map control within my Panorama application.
Since the map is scrollable, it stops the user from swiping to the next screen. The purpose of the map is to capture the user's location and allow the user to move the map around slightly.
Once the user is satisfied with the positioning of the map, I wish to allow the user to swipe to the next screen but this becomes difficult as the map is almost fits in the entire width.
Code:
<phone:PanoramaItem Header="Location">
<maps:Map x:Name="Map" ZoomLevel="7"/>
</phone:PanoramaItem>
Once the user is satisfied with the position you can set IsHitTestVisible to false on the Map control.
Map.IsHitTestVisible = false;
This will prevent scrolling to affect the map control and your panorama will respond to scroll events instead.
Related
I am trying to detect left,right swipe events on the screen using hammer.js.
Currently its detecting swipe action over entire screen area since i am passing the main content div class.I've created an overlay div covering half of the screen area and its class is passed when hammer is initialized.So now the swipe is working fine over that area ,but all other pointer events to content below the overlay is blocked.
Is it possible to pass all other pointer events to underlying divs except the swipe events ?
Assuming I understood your problem description correctly and re-phrasing it as follows: You want to use an additional recognizer along with your existing swipe(left, right) events.
You can add a new event on the same manager instance that you had already created [1]
Even if you've separated out both the events and still want to execute them simultaneously then use recognizeWith [2]
I am binding a hidden DIV element with Google maps, when the DIV element is being shown. The user can show and hide the DIV multiple times. I want Google Maps to be loaded and bound to the element only once, and not everytime the DIV is (hidden and) shown. Is there any API method from Google Maps which will check if the element is already bound to a Google Map object?
map.getDiv()
gives you the current div the map is bound to.
Hope this is helpful. You can easily implement the functionality.
Initialize the Map once. Then just hide and show the div as per requirement.
Just make sure to Initialize the Map when the Div is visible or else you will run into problems of improper map rendering. (at least this happens if you have bootstrap).
Is there a way to intercept the following user gestures, and create a circle on the map?
User clicks mouse on the desired centerpoint and keeps mouse button down.
User extends the radius and lets the mouse button up
Can the API return the geolocation beneath the mouse pointer on mousedown and return the geolocation beneath the mouse pointer on mouseup?
i think this should help -> http://www.imapbuilder.com/gmap-builder/map-editor-user-guide/add_polygon_rectangle_circle_clickable_area.php, maybe also this -> https://developers.google.com/maps/articles/mvcfun
never needed to do this kind of work, but this is where i would start and also google is your number one friend...
In my page I used Bing Map functionality to show the list of addresses in map. But when I scroll up or down using keyboard arrows, it only scrolls the map and the page scroll is not working. Before scroll the coordinates is shown in that page
After scroll
When scroll on that page,the map coordinates changed instead of page scroll. How can this issue be fixed.
Anyone can help me to solve this issue
Add this to your code (myMap is the instance of your map)
Microsoft.Maps.Events.addHandler(myMap, 'keydown', function(e){
e.handled = true;
});
I am trying to add shading or some type of coloring to hotspots within an asp imagemap control.
The overall scope is we have a map overlay and within each map we have n number of hotspots. However while the hotspots are there it is not to readily visible to the end user unless they just hunt over the image until the cursor changes.
I need some way of letting the end user know there is a click-able hotspot on this section of the map.