Custom Google Map with XML/Ajax integration

In Progress

INTRODUCTION

I am looking for someone with documented Google Maps API knowledge. To qualify for this project you must also have good knowledge of Javascript, jQuery, Ajax, XML and PHP. I would prefer if you have examples or a portfolio showing off previous Google Maps jobs.

PROJECT DESCRIPTION

The finished product will display custom markers and info windows using the Google Maps API based on an initial longitude and latitude to center the map and mark the position of the primary object. Additional markers are automatically placed around this object based on how big the map is and zoom level. There will be two sources for the data and both of them will parsed using either SQL queries or XML output from PHP (depending which works the best) to obtain the longitude / latitude and basic data needed to display them correctly on the map. The additional markers will load using AJAX, which will be reloaded when you resize, move or zoom the map. The two different sources (Hotels and Points of interest) should placed in layers so that it's possible to turn on and off them using variables if I only want to display one type of object. A third optional layer will consist of polygon shapes that can be overlaid on top of the map, this should also be possible to toggle on and off.

MATERIAL

There are already finished code for this project which you will be handed upon receiving the job. This includes a basic Javascript/jQuery function to display the map using XML data, plus custom markers, CSS classes and a jQuery lightbox etc. You are expected to work from these files and complete the project as described. I estimate from those files that ~25% of the job is already done. You are however free to delete and add things as you see fit to meet the requirements.

PROJECT REQUIREMENTS

- Map must be called from a PHP function with the possibility to set initial long/lat, maximum number of markers shown and the width / height of the map etc.

- All Javascript must be written with or compatible with the latest version of the jQuery library.

- The map must utilise the Google Maps API version 2 or 3, whichever works best.

- All code must be documented using comments.

- Data handling must be secure so that external websites can not load or use the data in any way.

- Markers must be displayed with custom icons (that are provided).

- Map must be re-sizable, meaning it will load and re-center the map if it is resized using i.e. jQuery CSS calls.

- Info windows will be displayed on mouse-over on a marker.

- Info windows must be displayed with CSS classes defined in an external stylesheet.

- Info windows must contain a clickable link to a Street View mode (based on coordinates) which will be presented using a jQuery lightbox (also provided).

- Markers must be placed in two layers (Hotels and Points of Interest) so that they can be independently loaded if needed.

- Separate layer for polygon shapes.

- Map must be compatible with Internet Explorer 7, Firefox 3, Safari 3, and Chrome 4 and higher.

- Performance optimized so it loads quickly.

PROJECT FEATURES

- Markers are automatically loaded based on an initial longitude, latitude and zoom level.

- New markers that are in range are automatically loaded with AJAX on resize, movement or zooming of the map.

- If Javascript is disabled the map must fall back on a static Google Maps image with the same size given, centered on the coordinates and marked with a icon.

Questions? Don't be afraid to ask!

Skills: AJAX, Javascript, jQuery / Prototype, PHP, XML

See more: load markers ajax xml google maps, ajax xml google map, map xml, custom google map php, google map integration php using ajax, secure xml google maps, google map custom marker, google map integration using php, google map load xml php, custom jquery google map xml, load custom google map jquery, jquery xml map, marker using ajax, google maps custom markers ajax, google maps jquery xml, jquery google maps markers xml, jquery google map custom info windows, zoom info, xml websites, windows free icons, windows custom icons, windows 10 icons, which are the best jobs, websites with icons, t sql jobs

Project ID: #672198

Awarded to:

alexdrimbe

I made a similar project.

$400 USD in 14 days
(1 Review)
3.2

20 freelancers are bidding on average $456 for this job

qtsteam

Please check PMB for details, Thanks.

$700 USD in 15 days
(86 Reviews)
8.3
minhhoangduc

Hello, I'm a Google map expert and have a lot of experience with this task, please see my resume and PMB. Please let me help you do it. Thank you.

$400 USD in 2 days
(473 Reviews)
7.9
buraqtech

Check your PMB for details!!!

$585 USD in 10 days
(66 Reviews)
7.6
omtechnologies

Cost effective and efficient PHP Professionals and designers available for your project. Please check PMB for details. For our portfolio, please visit http://www.omtechnologies.org

$500 USD in 10 days
(147 Reviews)
7.5
Georgia

I am interested.

$680 USD in 25 days
(96 Reviews)
7.5
WSTIBS

we offer quality solution,time base completion with support. ***** Check PMB ***** Best Regard

$670 USD in 15 days
(90 Reviews)
7.3
RBird

Very experienced in building custom dynamic web 2.0 sites. Can handle all programming languages and database types. Sites include administrative back end systems. Please visit www.direct-jewelry.com or www.ivegotskills More

$500 USD in 15 days
(29 Reviews)
6.9
ashwanii

Hi, I can provide the required solution. Please check your Inbox for my Google Map works. regards.

$500 USD in 15 days
(19 Reviews)
6.0
kitty100

Please check PMB

$400 USD in 10 days
(32 Reviews)
5.2
lnj2008

hello, I'm a google map api expert as well as php/mysql/xml/ajax/javascript/css web developer.pls, check PM for the samples.

$400 USD in 15 days
(15 Reviews)
5.1
Technoloco

Hi There, I am conversant in all technical aspects that are a prerequisite to this project. I have done multiple map projects before and I have sent a sample of my work to you in PM. Regards, Anurag

$299 USD in 5 days
(7 Reviews)
4.4
hussainsharif

Please chk ur PMB

$400 USD in 5 days
(2 Reviews)
4.3
kevinxiaozi

Dear sir, I am proficient in Google Map application development. I am good at PHP programming and JQuery framework. I have done similar GoogleMap Mashup projects before. I can show you the demos. Could you provide w More

$250 USD in 5 days
(6 Reviews)
4.2
anindob

Very much interested with the work. Have been working with google map since 2006. Please check your PM.

$500 USD in 12 days
(0 Reviews)
0.0
saviobatista

I can do this... i have a lot experience with jQuery solving problems with different sides of plugins, core even making integration with jQuery and others. I'm interested... look for Brazil!

$500 USD in 10 days
(0 Reviews)
0.0
genietechd

We have more then 8+ work experience in Custom Desktop Application with IE/Firefox/Chrome OS toolbar for Windows and MAC OS. we used VC++,MFC, XPCOM, XPI, RDF, XUL etc. We also worked in mobile technology and web based More

$750 USD in 12 days
(0 Reviews)
0.0
kotwaniravi

I have done this kind of job. For ajax and javascript check out http://www.irg.ky/ and for Google map check out http://www.irg.ky/irg-googlemap-srchhome-title-rctype-dist-pzmin-pzmax-beds-baths-mls. I have not used a More

$500 USD in 15 days
(0 Reviews)
0.0
atlantico

Please check my PMB for examples and resume. Thanks.

$250 USD in 15 days
(2 Reviews)
2.9
cloudmaker

I have done very similar projects like yours. Please check your message where I provide example websites that I have done.

$350 USD in 6 days
(0 Reviews)
0.0
ahsaniags

We are specialized in Google Map API....we have dummy sample for proving our strength in this sector....please visit the link... http://gmap.ahsaniaes.com/

$330 USD in 4 days
(0 Reviews)
0.0