Google Maps, PHP, Javascript, and MySQL code - Single Page



I am making an interactive ‘Fish of the World’ map for a TV Show Fan Site

Looking for someone who is experienced in GOOGLE MAPS/JavaScript to build a fairly simple map, linked to data within a MySQL database.

Before you can be considered for this project, please make sure you meet these prerequisites:

:: EXAMPLE of previous custom Google Map design, or similar projects

:: Good experience of applying custom CSS styles to Google Maps

:: Experience linking Google Maps with MySQL data

:: Must be able to give written explanation of how you will produce the code.


== Basic Project Description ==

I need producing an interactive map showing different fish species from across the world. The locations of the pins need to be powered by data stored within a MySQL table.

I will provide all the HTML, CSS, and any other graphical elements required... so you do not need to worry about any graphic design etc.

Here is an example of the structure of the MySQL table: [url removed, login to view]

== Screenshot examples ==

Take a look at the attached screenshot mock-ups. Please note these are just quick designs made in Photoshop… the final designs will be provided as HTML and CSS, and will look much better! However, the basic functionality will not change.

[url removed, login to view] - This screen shows all the map pins across the world (there will be about 200 pins in total)... the pins should appear as numbered ‘clusters’ if too many are in the same location (similar to this: [url removed, login to view])

...this screenshot also shows the ‘Search by Location’ tab, with all the fish presented in ‘groups’ linked by the same location, e.g. All the Australian fish linked together as a group, all the Indian fish linked together as a group. When clicking on a link, the map will zoom into the relevant pin and show the modal.

[url removed, login to view] - this shows an example of how the modal will look like… the modal should use custom CSS styles, not the GoogleMap default style. The pop-out will feature details as pulled from the database relevant to that fish.

[url removed, login to view] - this is the same as screenshot 1, but shows the fish listed in alphabetical order, grouped together by letter.


The interactive features of the map will be:


Each map pin will have a custom pin which features the picture of that fish (CSS will be provided)... the image will again be determined by MySQL data.

There will be about 200 pins in total… when pins are close to each other, the pins should ‘cluster’ in a similar style to this: [url removed, login to view]

When a user clicks on a pin, the map ZOOMS to that location. A CUSTOM STYLE modal pops up with the following information (as determined by the MySQL data):

:: Name of Fish

:: Location name

:: Image of fish

:: Text Description

:: Episode Number

:: Series Number

:: Link to an external page (page GET id listed)

:: Close Modal (custom design button)


The page will also feature two tabs.. one tab listing all fish by location, one tab listing all fish alphabetically (grouped by letter).

When the user clicks the fish in the tabs, the map zooms into that location and displays the pop-out modal with details relevant to that fish (in the same way a user would select a pin).

Skills: Cartography & Maps, HTML, MySQL, PHP, Website Design

See more: world map graphic design, world code no, which two are graphic design elements, website design table code, take two interactive, take - two interactive, projects in php and mysql, prerequisites for graphic design, php code search mysql database, order custom javascript, ok google site design, meet code, letter of explanation, javascript edit code, javascript code library, how to photoshop someone into a picture, how to make photoshop designs, how to get in graphic design good with no experience, how to get good at graphic design, how to get experience in graphic design, how to get better at graphic design, how can i produce website, hello world javascript code, hello world javascript, graphic fish designs

Project ID: #5426261

Awarded to:


Hi, my name is Christopher. I'm a software developer from Germany. I have created quite a few GoogleMaps application and would like to apply for your project. I was not able to find any screenshots, maybe you ca More

£277 GBP in 14 days
(6 Reviews)

23 freelancers are bidding on average £250 for this job


Hello sir, i went through your project post regarding Fish of the World single page site. our company is eagerly interested in your proejct and ready to work on it. we are ready to provide you all the functionality and More

£309 GBP in 7 days
(66 Reviews)

We can help you. Please have a look on below links: http://bergenwatergarden More

£263 GBP in 8 days
(117 Reviews)

Hi, We have a good team of expert coders and designers in New Delhi, India.We have many satisfied clients all over the world.We already have successfully launched many eCommerce,blog, social networking and other websi More

£500 GBP in 15 days
(62 Reviews)

Hi, I am web developer with 9 years experience in PHP/MySQL – (LAMP – WAMP). I am also professional in Graphic Design, User Interface / IA, Website Design. I have very good commercial experience in analysis, desig More

£226 GBP in 7 days
(45 Reviews)

Hi, i am experienced web developer with expertise in Google map customization, custom markers etc. Expertise in PHP5, MySQL, AJAX, JavaScript etc. I am looking forward to help you, I understand your requirement. More

£160 GBP in 6 days
(48 Reviews)

Hi, We've expertise in HTML, HTML5, CSS, jQuery, JavaScript, PHP, PHP5, Ajax, CakePHP, Custom MVC. WordPress, Magento, Custom CMS, Osclass, Ecommerece, Directory Listing, CMS, Custom Solution, API, Facebook Integrat More

£185 GBP in 10 days
(45 Reviews)

Hi, I have reviewed you specification and it is very clear on the requirement and functionality. I have checked the spreadsheet for the database model and mentioned map features and I am very confident to give you b More

£238 GBP in 10 days
(53 Reviews)

Hello, We have gone through the project description and ready to discuss on it. we need more information regarding the project. Please do check my few of the works. More

£309 GBP in 10 days
(78 Reviews)

Hi I work towards providing reliable, relevant and robust IT solutions at most competitive prices to my customers. I ensure 100% customer satisfaction so lets start Thanks

£257 GBP in 15 days
(44 Reviews)

UK based developer - shouldn't be too hard - the most complex map service I developed is located over at: More

£368 GBP in 5 days
(20 Reviews)

Hi, I (Myself a senior PHP, ASP.NET programmer using C# and VB) 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 bu More

£257 GBP in 10 days
(18 Reviews)

Hello, This is Dipanshu,I have read the project requirements in complete detail. We have noticed that you are seeking highly skilled and expert professional personnel to create a Website. We have also noticed t More

£206 GBP in 7 days
(32 Reviews)

Dear Hiring Manager, We are ready to work with you, We have 5 + years experience and have handed over number of projects, We will provide you all mentioned functions. We will test also cross browsing compatibility. More

£200 GBP in 6 days
(23 Reviews)

I have already developed interactive map linked with attribute data. I can send you. I hope you will like my idea of interactive map generation. Please send me message to receive my idea.

£400 GBP in 14 days
(17 Reviews)

Prerequisites :: EXAMPLE of previous custom Google Map design, or similar projects :: Good experience of applying custom CSS styles to Google Maps - Yes, we're able to do t More

£237 GBP in 3 days
(12 Reviews)

Hello. My name is Alex. I won't bore you with details about me, because those are in my profile. The screenshots are unavailable, but i guess previous bidders told you this. On screenshot 1 examples there is i More

£180 GBP in 3 days
(17 Reviews)

Hi, We understand your requirements. We will linked to data within a MySQL database. We are ready to start your project now. Please come on chat for further discussion. We can deliver the project within time u More

£180 GBP in 3 days
(11 Reviews)

Hi, I would like to work on your project, i can start from today should be done in 2 days .

£333 GBP in 5 days
(11 Reviews)

hi, good expert in google map api. i have done several complex google map project. (with map color customization) http:// More

£100 GBP in 10 days
(7 Reviews)

Hello, Hope you are doing well. We have read your project description and would like to offer our services: What we can provide to our client, - ROADMAP (normal, default 2D map) - SATELLITE (photographic map More

£206 GBP in 6 days
(2 Reviews)