Interactive maps

hi Experts,
My query is as follows:
I want to make interactive map ie Clicking on some country or region's hot spot on the map should retreive certain data from the database based on the selection.
Now my question is
How to create a hot spot for the countries/region in BSP or in html.
Looking forword for ur reply
Thanks
Shilpa Dhawan

Hi,
It's just the matter to add the HTML code in it. See
http://www.sv.vt.edu/classes/MSE2094_NoteBook/97ClassProj/visual/click.html for extra info and
You can use this tool (http://www.boutell.com/mapedit/) for creating the coordinates.
Extra info on that tool: http://www.ce.utexas.edu/prof/maidment/grad/akmansoy/design/click.html
Eddy
<a href="/people/eddy.declercq/blog/2007/02/28/pimp-up-the-jam-choose-your-favourite for your favourite pimped out S(D)N site!

Similar Messages

HT5557 Can I add an interactive map as a widget? So I can zoom in and out of the map pin?

I would like to add an interactive map as a widget to my ibook photos to show where the photo was taken. Is this possible or will I have to add a cropped image of the map?

Perhaps this will help:
iBooks Author: About HTML widget creation
Regards.

How to create interactive map in SAP Visual Business using SAP UI5 SDK

Hi,
Please tell me,
How to create interactive map in SAP Visual Business using SAP UI5 SDK.
Is it possible to create interactive map using VB Control in SAP UI5 SDK..?
if possible please any one let me know.

Hi folks, one question:
We have our development close moved and now it is earlier than originally planned.
That means that we maybe can't finish our convenient API and you have to wait till we will release it - early 2015 is planned.
But there is another option:
Currently we have a API based on json. The developer has to create json and to transfer it to the Visual Business control.
This interface is more used as a low level API and we are developing on top the more convenient one. So all the features are the same.
It will stay stable & compatible in the future and you can build on it.
Do you want to use this interface?
Then I will publish the documentation.
Let me know.
Thanks

Acrobat X Pro interactive Map/Dropdown fields

I create a variety of .pdfs for different purposes which are all related to the same parent (in this case a building on a site).
I now want to create an interactive map so that I can click the building (button, graphic shape or image etc) and be presented a collapsable list so that I can then select (from a list) the .pdf I am interested in (discipline specific) and open it in a new acrobat window. Each .pdf name in the dropdown list is to represent a separate .pdf file from the same or different network storage location (I am aware the file name(s)/location(s) must not change).
I have investigated Acrobat X Pro, Adobe Illustrator CS4 and Adobe InDesign CS4. I have decided to target Acrobat as Illustrator did not seem to allow linking and InDesign did not seem to allow List Boxes or Dropdowns for linking purposes. Also, I only wanted to create/manage one file (my interactive map)...my 'menu'...in graphical form...without going down the path of creating a web site.
Am I on the right track? Is this possible?
However, after adding the Dropdown field to my form (interactive pdf map), although it allowed any of the available list items to be selected, it DID NOT allow different actions for different list items!
I added two separate Open file actions (which could not be linked to the two separate list items)...one to open a pdf ffrom one location and the other to open a separate pdf from another location. When you click the field (button)...it just opens BOTH pdf files! Not what I wanted.
I would have thought that the very nature of a Dropdown list is to be able to select from a collapsable list and perform a specific action on that selection (after all, it does allow multiple similar actions, along with multiple different actions).
Can THIS be done?...in Acrobat?...in another Creative Suite application?

Thanks, but...I could not find a `combo box' field, and I have to ask why would I have to write custom code when the `dropdown' field is provided?
Why can't a different action be linked to a different list choice in a dropdown field?
If I want to perform a single action, then I would use a `single' button, but that's not what I want to do.

How do I create an interactive map?

How do I create an interactive map using digital publishing suite in InDesign? Basically it's an amusement park map and when you click on a button I want a description page of a ride to show that has interactivity on it and then it can be closed and another button on the map can be clicked to show another description page of a different ride. Is that possible?

Use a multi state object. Depending upon how many point of interest you want on that map it can get pretty involved.

Interactive map display

Hello. I've a small problem if anyone can help... As part of an ongoing project I'm trying to create a GPS interfacing program that talks via the serial port to retrieve stored GPS reference data stored on aGPS device. This data will then be converted and displayed on an image of a map (such as one would get from multimap or similar) in 'breadcrumb' form (each spot will appear on the particular road (derived from processing the co-ordinates)) whereby then each breadcrumb can then be clicked on and specifics will be displayed (such as the speed, direction etc.)
My problem, however, is how to create the 'interactive' map. Everything else works in the backend;I just can't seem to figure out how to do this bit! I'm currently holding the map image (images/map.gif) in a JPanel. The nodes are created in a class called GPSNode. The communications are done through the classes GPSController(the main class), GPSDataInterface(the interface for the data - the GPS returns an unformatted string), GPSDataUnit(calculates the information for the node), PortOpen and a few exception classes.
Cheers,
Al Sweetman.

The interaction process should be as follows:
1. User clicks on JPanel
2. MouseEvent tells you where they clicked (x,y)
3. Cross reference the location with the information aquired from the serial port.
The key is to filter out all useless information based on where the user clicks (x,y). Then translate the useful information back to the graphical surface.

Problem with interactive map....

Hi,
I made interactive map in Actionscript 2, but i have to link
it to the Mysql database by JavaScript.
Can i do it?
If yes than i will be happy for every posts.
If no, than please help me with this prob.
Thanks.

You can have Flash talk to MySQL without a problem, though
using JavaScript
would not be the best way. You can use the LoadVars class to
simply call a
server side script (php/asp/etc) or what I recommend is to
use AMFPHP, which
is just a lot more robust and faster. It's more work learning
to use it, but
once you do it's much better than LoadVars.
Dave -
www.offroadfire.com
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Can not open interactive maps (map of the cities public transport routes) on my Mac in Safari

I need help please, I want to look at an interactive map on this site in my Safari browser but can not open the map. It works fine on a in WIndows Opera, but nothing happens when I try to open it on my Mac in Safari or Chrome - http://bsag-netz.de/index.php/de/tagesnetz
Is it perhaps a plug in that is missing or some setting that must be changed?

It's not Java, and you should not install Java. From the Safari menu bar, select
Safari ▹ Preferences... ▹ Extensions
Turn all extensions OFF and test. If the problem is resolved, turn extensions back ON and then disable them one or a few at a time until you find the culprit.

Embed interactive map HTML5 files in Muse CC website

I am illiterate when it comes to code and therefore I am using Muse and not Dreamweaver to build a website.
I have created a interactive map that I wish to embed in this Muse website, with Avenza Mapublisher, an Adobe Illustrator Plugin, and exported it to HTML5.
The result is an index.html file as well as a folder containing scripts and subfolders containing map tiles at different zoom levels.
When I open the index.html in a browser it works 100%.
Now I want to embed it into a Muse website.
The HTML code in the index.html can be inserted via Object - Insert HTML in Muse CC.
In order for it to work the scripts in the folder needs to accessed. I changed all relative paths in the HTML code to "assets/" and try to use the "add files for upload" function in Muse to upload the scripts as assets in Muse. This worked and the scrips could be accessed.
The map tiles however (jpg tiles in different subfolders for different zoom levels), reside in subfolders whose folder structure needs to be preserved.
Unfortunately Muse does not allow me to upload a folder as an asset. I cannot add the tiles in the subfolders individually, as the scripts, depending on the zoom level, fetches different tile sets from different subfolders.
Can anyone please give me directions on how to embed this map in a Muse website?
HTML5 that I wish to embed:
Inside the assets folder:
Inside layer_1_files folder (Different zoom levels)
Inside folder 12 for example (zoom level 12)

I was able to reproduce the problem at my end with a similar setup. This is happening as HTML5 renders images a little differently and Muse uses HTML5. Refer to the following thread for more explanation on this. - http://stackoverflow.com/questions/8722017/weird-html5-sliced-images-margin-top-bottom-iss ue
So in your case, simply add the following CSS to Home -> Page Properties -> Metadata -> HTML for <head> and re-publish.
<style type="text/css">
img { display: block; }
</style>
You might also want to re-upload /Narin-&-Portnoo.gif to the /assets/ folder as it appears it hasn't been uploaded properly and is currently generating a Bad request error. However, if re-uploading doesn't help, change the file name removing any special characters, re-upload and update the embedded HTML.
Thanks,
Vinayak

To make an online interactive map that works with a reservation system which is the best application to use?

I make campground maps and do interactive maps through a third-party program. I want to use something in CC that I can make "hotspots" or id maps that I can interface with a reservation system to show availability. I want the interactive map to work on both mobile and desktop. What is my best program to download and use?
I know html and css but have fallen in love with Muse. I am looking at the Edge Flow, Reflow and Edge Animate. I just need some simple advice as I don't want to waste my time learning a program that doesn't do what I want...
Thanks for any advice.

When you do not have to have it connected to the external monitor, just use the MBP on only battery power. Fastest would be to watch video or play a game. Any CPU intensive application will use the battery faster that 'ordinary' use.
Ciao.

Adding interactive map in Dreamweaver

I need to develop code for a website so visitors can view interactive maps (original pdf form) with a google map background (?). An example ishttp://www.busac.org/grantee_maps.php. The following is the site I manage and need to put it on http://www.metss-ghana.k-state.edu/maps.html. Can anyone recommend a best way to do this? I will be receiving updated maps at random times, so I'm hoping I can set up a "template" for the maps in this new interactive development.

Hi AEwildcats,
In the time that the experts get to your post, see if this helps http://www.ehow.com/how_15719_create-clickable-image.html
Thanks,
Preran

Problem with "Building interactive maps with Flex" example

I have been looking at the tutorial by Matt Sheehan Building interactive maps with Flex found at
http://www.adobe.com/devnet/flex/articles/interactive_maps.edu.html
I have downloaded Flash Builder 4.6 trial version and followed the example. I have also copied the source code from the example and pasted that into the file mymodestmap.mxml.
In both cases the application opens a new page in Google Chrome but does not display any map data.
No errors or warnings are displayed when I run the code from Flash Builder.
Although I have got plenty of experience of writing software, I am a total beginner when it comes to developing web applications!
Any ideas as to what I am doing wrong, I have attached the source below.
Cheers
Steve
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx1="library://ns.adobe.com/flex/halo"
                                 minWidth="1024" minHeight="768" creationComplete="init()" viewSourceURL="srcview/index.html" xmlns:mx="library://ns.adobe.com/flex/mx">
          <fx:Script>
                    <![CDATA[
                              import mx.core.UIComponent;
                              import com.modestmaps.TweenMap;
                              import com.modestmaps.mapproviders.OpenStreetMapProvider;
                              import com.modestmaps.geo.Location;
                              import com.modestmaps.extras.ZoomSlider;
                              import com.modestmaps.extras.HandCursor;
                              [Bindable]private var _map:TweenMap;
                              private var _mapUI:UIComponent;
                              [Bindable]private var _initialLat:Number = 40.668903;
                              [Bindable]private var _initialLong:Number = -111.680145;
                              [Bindable]private var _initialZoom:Number = 6;
                              private var _mouseWheelZoomCenter:Location;
                              private var _mouseWheelZoom:int;
                              private function init():void
                                        _map = new TweenMap(mappanel.width, mappanel.height, true, new OpenStreetMapProvider());
                                        _map.setCenterZoom(new Location(_initialLat, _initialLong), _initialZoom);
                                        mapCore();
                              private function mapCore():void
                                        _map.addEventListener(MouseEvent.MOUSE_WHEEL, mouseWheelHandler);
                                        _mapUI = new UIComponent();
                                        _mapUI.addChild(_map);
                                        var zoomslider:ZoomSlider = new ZoomSlider(_map);
                                        zoomslider.x = mappanel.width - zoomslider.width*2;
                                        zoomslider.y = 30;
                                        _mapUI.addChild(zoomslider);
                                        var handcursor:HandCursor = new HandCursor(_map);
                                        _mapUI.addChild(handcursor);
                                        mappanel.addElement(_mapUI);
                              private function mouseWheelHandler(e:MouseEvent):void {
                                        if (e.delta < 0) {
                                                  _map.zoomOut();
                                        else if (e.delta > 0) {
                                                  _map.zoomIn();
                                        _mouseWheelZoomCenter = _map.getCenter();
                                        _mouseWheelZoom = _map.getZoom();
                    ]]>
          </fx:Script>
          <s:BorderContainer id="mappanel" width="100%" height="97%"/>
</s:Application>

Technically, it's Javascript, not Java :) TOTALLY different beasts. I wish they'd never named it Javascript, it's ambiguous. So anyway, on to the point of the whole thing...
If you want quotes in your values, you'll need to write a function to replace " with \", and pass the values through it. So instead of javascript:passBack('#ENAME#','#JOB#','#SAL#'); you would have javascript:passBack(addslashes('#ENAME#'),addslashes('#JOB#'),addslashes('#SAL#'));. That would mean that ABC"DEF"GH would be passed to the function as ABC\"DEF\"GH and your quotes would stay intact. Search around on the internet for more specifics as to how to pass double quotes in javascript by using backslashes.
~Jer

How to create a more interactive map with DW hotspot tool

Hi - I've been asked to put together a map for my client. I want to avoid getting into GMaps and all of that and just want to make a simple one myself. Here's an explanation of what I'm trying to do:
http://designerandpublisher.com/montrose/map.html
Just trying to create a simple map like you see above so that if they clicked on a state or a point in the state, a little pop-up window comes on like you see in many interactive map applications. Can someone help me figure out how to do this with DW's hotspot tool? I'm terrible with code but I do know it would probably start with something like onclick (I think that's what it is). But even if I get that onclick code working, I'm not even sure how to incorporate it into the <map> code that DW makes for the hotspot.
Any help is appreciated. Thanks.
PS - I use DW4 and also have access to 5.5 on another computer.

Here's another way you could do it but wil get very long. Also consider Kens tooltip - probably the easiest if you don't want a 'close button'
<!DOCTYPE HTML PUBLIC">
<html>
<head>
<meta http-equiv="charset=UTF-8">
<title>Map</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<style>
#map {
    width: 550px;
    height: 390px;
    margin: 0 auto;
    position: relative;
#nevada {
position: absolute;
top: 150px;
left: 50px;
background-color:#FFC;
padding: 15px;
display: none;
#nevada {
position: absolute;
top: 100px;
left: 50px;
background-color:#FFC;
padding: 15px;
display: none;
.close {
    position: absolute;
    display: inline-block;
    background-color:#903;
    color: #fff;
    text-decoration: none;
    padding: 6px;
    right: 0;
    top: 0;
h2 {
    margin: 0;
    padding: 0;
p {margin: 0;
padding: 0;
</style>
<script>
$(document).ready(function() {
$('.hide').hide();
$('.newMexico').click(function() {
$('#newMexico').show();
$('.nevada').click(function() {
$('#nevada').show();
$('.close').click(function() {
$('.hide').hide();
</script>
</head>
<body>
<div id="map">

<div class="hide" id="newMexico">
<a href="#" class="close">X</a>
<h2>New Mexico</h2>
<p>Some content about New Mexico</p>
</div>

<div class="hide" id="nevada">
<a href="#" class="close">X</a>
<h2>Nevada</h2>
<p>Some content about Nevada</p>
</div>
<img src="map.png" width="550" height="390" border="0" usemap="#Map">
<map name="Map">
<area shape="poly" coords="157,176,216,183,213,246,173,241,159,244,158,249,147,247,156,177" class="newMexico" href="#">
<area shape="poly" coords="64,91,118,105,105,180,99,176,96,190,52,131,64,92" class="nevada" href="#">
</map>
</div>
</body>
</html>

Weather channel interactive map

the weather channel says i need flash to view interactive map. i have the latest version of flash. what gives, please help?

I don't see this as often with Win 7, but IE11 is the common culprit. There's some code in it that prevents sites and pages from identifying the browser, and thus, the plugins in the browser. Being as you have Windows 7, you DO have the option to get rid of IE11 and go back to IE10, which sites WILL identify and the plugins will work as well. If you really need to use IE, that's the way I'd go.
Or you can try another browser until Microsoft gets their act together and fixes their latest abomination.
Firefox (from Mozilla)
Opera (from Opera)
Safari (from Apple)
Chrome (from Google)
ANY of those will work where IE11 won't, with the Flash Player Plug-in (For all other browsers), and Chrome doesn't even need that because it has its own Flash Player plugin built in.

Advice on using Edge Animate & Interactive SVG to create an interactive map

Hello folks, I'm hoping for some guidance on a complicated graphic. My org. has an existing interactive map which was created by a freelancer for us using Ruby and js. It's very nice but I wanted to see if it's possible to recreate using Edge Animate (both as a challenge to myself and as a way of being able to move ownership of it in-house). Here's the map:
http://csai-online.org/sos
I have done a fair amount of work in Edge Animate but have mostly stuck with simple interactivity (play, repeat, navigation links, etc.) so this would be a stretch. But I'm thinking that the map itself (with various shadings) could be recreated using Edge Commons' Interactive SVG function. I would create the map in Illustrator as an svg with different layers for each group of states, which would then be activated by the buttons in Edge Animate. (The floating box could be done entirely in Animate.)
So my questions are,
- Does this seem doable, and has anyone done something similar?
- How do I trigger the layer visibility toggle from Edge? There's a tutorial from Edge Commons which changes the color of an object by CSS, but it seems like it would be simpler to use layer visibility.
- Some of the combinations of checkboxes result in States that are in multiple groups (resulting in a striped fill). I'm guessing I'd need to add some code to indicate that if buttons X and Y were both checked, a third combined layer would be shown. (A further complication is that each of the groups of buttons shuts off the other groups.)
Alternately, it seems like I could also create each state as a series of differently-colored graphics which are then shown or hidden based on which buttons are checked (using arrays, maybe?), but that seems a messier due to the million separate images.
Anyway, how would you approach this problem, I guess is my main question.
Thanks very much.

This looks pretty simple to me and I don't see why you wouldn't be able to do it in edge animate.
Create each state as a button and animate the hover effects inside a symbol and then on the main timeline animate the content boxes opacity to on and off and set labels for each "on" state and then in your button link to that label in the mouse over actions preset.u
As far as calling the bottom content into the div i would just do that by hand by grabbing a simple script off the internet. *theres loads*

Interactive maps

Similar Messages

Maybe you are looking for