Modify a map of UK with 41 colourful regions and create image-map with mouse over
£20-250 GBP
Completed
Posted almost 7 years ago
£20-250 GBP
Paid on delivery
Hi, I'm looking for a web designer with good graphics design abilities. I have various jobs. Let's start with this one:
I have this UK postcode map as source (creative commons licence, free to modify):
[login to view URL]:[login to view URL]
(I notice when I print it, the postcode letters disappear, so it should be easy to remove them by editing the svg file).
I need the following:
1. To begin with, magnify the map by 0.9 (10% smaller), move the top islands (marked as ZE & KW) to the left of the HS islands and crop the image shorter. Then remove the right boxed Manchester area (keep it somewhere safe to consult on later).
2. Remove the darker zoom-effect in the sea by the London box (at the bottom left) and move the whole London box to the right where the Manchester box was (feel free to increase the width a little) and put a label "London" on top. Also move the GY & JE islands higher to make the map shorter and crop it. Remove France completely. Remove (crop) a few pixels space from the left of the map.
3. Remove all postcode letters and combine the postcode areas into larger areas, for example (taken from the attached postcode combination file):
TR,PL>Cornwall (Plymouth, Truro)
Meaning to combine the TR and PL postcode into ONE area, with one background colour (similar to the map), so removing the internal red border between the TR and PL areas, and filling with a single colour.
4. On the London box, grey out the corner unimportant areas (those without postcode letters).
5. Create an image map, where each new combined postcode area is a separate entity. On mouse over of that image map, show the name of the area (in the example above it will be the whole "Cornwall (Plymouth, Truro)", just use "title".
6. Write by JavaScript the number of each area (1 to 41) in the center of that area. (Just a loop with [login to view URL] using these "center" cordinates in an array, so I can use them for other purposes). When saying center, it's not exactly center, as I want the number to appear centrally.
The format of the attached postcode combination file is for each line:
postcode areas (separated by commas) > (just a separator, delete it) name (of the new area)
The result will be a slightly smaller map with much less postcode areas (nicely separated by the red borders and single fill colour), working mouse-over titles and the area numbers written centrally in the new areas.
This project is right up my alley! I love working with SVG for animation, technical diagrams, everything in between.
Editing and rigging up that diagram will be no problem, I'd estimate only a few hours.
Relevant Skills and Experience
I've done contract work in SVG and Javascript for years.
Here's an example I can share of a highly-upvoted community contribution: [login to view URL]
Proposed Milestones
£40 GBP - Make requested edits to SVG map (combining zones, editing style)
£30 GBP - Set up with mouse-over zones / on-hover highlighting
£10 GBP - Design and integrate popups with county names
Additional Services Offered
£0 GBP - I'll take care of integrating this design into another webpage as you need (gratis)
I noticed my bid is a bit lower than others. I believe that I can finish this project in only two or three hours. Please don't take this as me lowballing or showing lack of experience.
I'm looking forward to working with you!
---SuperScript
Don't hesitate to contact me with any questions about your project or my bid!
EDIT: upon re-reading your bid, I noticed you said you were planning on the simpler title="Some title" method of adding a popup box. This will take a bit more off my bid price. I've updated it accordingly from 90 GBP to 80 GBP.
£80 GBP in 0 day
4.9 (11 reviews)
3.1
3.1
14 freelancers are bidding on average £183 GBP for this job
On time and On budget I can do all what you want ....
I did 311 projects with a rate of 5/5 ....
please check https://www.freelancer.com/u/tarekahmed.html
Relevant Skills and Experience
I have a Professional team for programming PHP Laravel framework,chat systems,webcam chat, WordPress, Jquery,Nodejs,Anjular js,Mobile Applications and Flash
Proposed Milestones
£150 GBP - Final
Hi, I (Myself a senior PHP Developer) have a team having experience of more than 10 years in developing web and mobile applications.
I have a team of expert programmers who write robust and bug-free codes at the very first instance. After seeing our quality of work and the cooperation offered to you even after the work has been delivered to you, you’ll come to us again and again to avail our services.
I read through the job details extremely carefully and I am absolutely sure that I can do the project very well. I can achieve the results that you are asking for within your timeframe and budget.
I am confident I can exceed your expectations and I would love to work on your project.
Warm Regards
~Team Shopify
Hello.
I am a GIS(Geographical Information System) expert and Web&Mobile(iOS&Android) developer.
Since 10 years before I have been developing GIS applications.
I graduated GIS special education course and I have rich experiences for development Desktop,Web and Mobile GIS applications.
as a GIS developer, I can develop any kind of GIS application based on ArcServer,GeoServer and GoogleMaps,OSM,MapBox,OpenLayers,PostGIS and PostgreSQL and MS SQL.
And I have many Web technologies such as PHP, Java,C# etc.
I checked your requirement and I am very interesting in your project. I have worked on many GIS application development and I think that I have able to realize your requirement.
I mastered in the map application.
I think you will need thematic map.
If you consider me, I want to discuss it over chat.
I would like to heard from you.
thank you.
I will be happy to implement image map for you.
Relevant Skills and Experience
I know know JavaScript, I made image maps already.
Proposed Milestones
£100 GBP - Project milestone
Honorable Sir,
I am Expert Web Developer
I have gone through your job description and understood your requirements. I am very eager to work on this project.
Relevant Skills and Experience
I am very skilled and experienced on HTML5/CSS3, Javascript, Jquery, bootstrap , WordPress theme & plugin development, PHP, Codeigniter etc.
Proposed Milestones
£150 GBP - Project Milestone