Home > images > Converting Image Map to Drupal Content

Converting Image Map to Drupal Content

April 24Hits:7

We have an old site that was are migrating to drupal. On the old site we have an image map: http://www.seguridadidl.org.pe/districts.html

Wondering if there is a more dynamic way of adding an image map such as this to drupal, rather than just adding the html in a node.

Does the "onMouseOver" work in Drupal?


An imagemap is just a set of coordinates that map a mouseover to an area in your map.

A quick google and I dont see any Drupal related imagemap modules. You could try to store coordinates as a field in your node. But, that sounds messy. An imagemap basically assumes a user has intimate knowledge of the image to properly build the coordinate sets.

onMouseOver is a Javascript event. HTML, CSS, the HTTP protocol, Javascript all work together to power the internet nowadays; so of course you can use Javascript code in a Drupal website. Drupal is simply a PHP CMS making use of all these things ... So long as the client browser supports it -- you're fine.

I think the Google Maps Tools module is the right solution. Just parse or migrate your data into it.

This project integrates the Google Maps API and Google Static Maps API. It makes possible to add addresses and/or coordinates (points) to nodes through CCK fields, display these geographical informations on node pages as text or interactive map or static map and use them on GeoRSS feeds. The project provides style plugins and row style plugins for views to build both interactive and static maps.


Related Articles

  • Converting Image Map to Drupal ContentApril 24

    We have an old site that was are migrating to drupal. On the old site we have an image map: http://www.seguridadidl.org.pe/districts.html Wondering if there is a more dynamic way of adding an image map such as this to drupal, rather than just adding

  • Convert a node from one content type to another, using a rule setApril 22

    I want to convert a node from one content type ("Project") to another one ("Project follow up"), basing on the comparison between the current date (using PHP) and the value of a field date ("Project signup date," which is a C

  • How do I map a Drupal site to a subdirectory rather than root?September 5

    I have a website which I am in the process of converting to to a Drupal site. Currently the Drupal site is showing at the root, when I want the current site showing instead. <VirtualHost xxx.xxx.xxx.xxx:80> ServerName bananas.net ServerAlias www.ban

  • How to convert Google Maps "My Maps" to an image?February 7

    I have found this excelent tool My Maps -> Static Map Converter Which does what I want, converting polygons, polylines and markers too. But it has a limitation. It generates URLs so big that the static maps API returns: The remote server returned an

  • Converting Doom maps to JSON July 29

    This is a really cool demo of a Canvas Doom Engine made back in 2006: http://canvex.lazyilluminati.com/84/play.xhtml Here is the e1m1 map in JSON format: http://canvex.lazyilluminati.com/84/map1.js Does anyone know of the tool used to convert Doom ma

  • How to embed Drupal content in other websites?December 13

    I want to be able to have widgets with Drupal content to be embedded in other websites. For example a widget could show "new stories" or "top stories". --------------Solutions------------- You can use the Views module to output content

  • How to convert Google map route into array of coordinates?November 4

    Is there any tool or method in order to convert Google Map route, direction into array of lat/lon coordinates? What I am trying to do is to simulate NMEA sentences in order to test my application. --------------Solutions------------- You can play wit

  • Delete drupal content pageJuly 18

    How can one Delete Drupal content page (article/basic page) without actually visiting the page. Without Drush or visiting the database (which is a little complicated in D.7). --------------Solutions------------- goto admin/content and press delete pe

  • Responsive not working after converting html theme to Drupal themeMarch 10

    While trying to convert a HTML responsive theme to Drupal 7 theme, it's responsive is not working!!! Can anyone help me with this to sort the issue? We have copied Bartik theme and removed the CSS and pasted the HTML5 theme CSS and JS that we created

  • Clojure koans 14 - converting a map to a stringJanuary 16

    The koan is at the end of this snippet. It requires you to write a function to convert a map to a string, and then prepend a full name to it. The following solution works fine. I am just wondering if there are simpler or more efficient ways of doing

  • How to limit the map to the content box?January 27

    As you can see in the following self-explaining example, the background-clip property doesn't work with #map. <html> <head> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" /> <styl

  • How to implement the regional to the Drupal contentFebruary 9

    I want create some features to help add regional to the Drupal content, exaple: Need show different content according to which the state (region of residence) is selected for a specific content on the site. Please help ьу to resolve this issue ------

  • Is there a module for google maps in drupal 7?

    Is there a module for google maps in drupal 7?July 5

    On a site that I am building (using drupal 7), there is a feature that I need to include that I can't seem to find; Google maps. I am looking for two things; 1: something that will allow you to put in your home address, and it will give you direction

  • How can I control formatting of a Property Mapping in a Content by Search Web Part? (SP2013)February 5

    I am currently having fun formatting a Content by Search web part in SharePoint 2013, but the formatting of individual values (through Property Mappings) has got me properly stuck. I already have myself a custom Control_Custom.js and Item_Custom.js u

  • How to import AutoCAD .dwg files as overlay on map in Drupal (using OpenLayers)February 5

    I am using OpenLayers on my Drupal site. The request is to import AutoCAD .dwg files as an overlay to maps on the site. Is this possible and how? I found the OpenLayers Editor for Drupal, am I on the right path? If this is possible by converting the

  • How to convert a webform to a content type?March 27

    I have a long webform with about 90 textarea fields modeling a report item. Since the requirements of my Drupal site have changed, the report is now part of the content and should have workflow and other content type functionality. So I want to conve

  • How to Convert Interpolated Map to Excel using ArcGIS for Desktop?April 17

    I have interpolated some SO2 data using IDW and have calculated means on county level using Zonal Statistics. I would like to convert this data now into an excel file. I already got the hint, that I should use the Conversion Tool and Table to Excel.

  • Question about steps to convert from Ubercart to Drupal CommerceMay 14

    After running into some discount functionality/module install issues with Ubercart for Drupal 7, my client has agreed to try Drupal Commerce. Do I need to completely remove everything related to Ubercart before Drupal Commerce can work, or can I unpu

  • Converting google map api coordinates into metersJanuary 15

    How would I go about converting the results of my map bounding box into meters within javascript? For example, if I have the coordinates 51.52366625446907, -0.07467269897460938 decimal degrees, can I project that into something like 555000 155000 met

  • How to convert image URLs in Drupal node's fields while rendering?April 5

    I have developed a new CCK module using Plupload where users can drag and upload images using native HTML5 apis. Since, I do not know how to drag images directly inside CKEditor, what I am doing is that after images are uploaded using plupload's jQue

Copyright (C) 2017 ceus-now.com, All Rights Reserved. webmaster#ceus-now.com 14 q. 0.695 s.