Completed

Simple webpage featuring Google Maps API, Zoom to address, Detect area of user defined polygon, Calculate fields, and Submit as emailed data

We need to create a simple experience exactly like this website: [login to view URL]

The user will be able to interactively create a price quote for service using their input and our pre-defined options and features. Options and Prices can be updated by our team later. Please use the website above as your basis for anything undefined below. The attached images demonstrate the desired flow as defined in 'Front-End Flow' below.

Design Criteria:

A. Responsive Design for Desktop and Mobile

B. Map and Menu may be left or right aligned

C. Primary Colours are White and #3ab29a

Front-End Flow:

0. Upon loading, User sees Google Map centered above Europe and an adjacent menu waiting for their input in the below order, a Base Price is indicated at the bottom of the menu, Base price should actively reflect changes the User makes in '2. Polygon Area Total' and '4. Options Selections.'

1. Address Field (REQUIRED BY USER): User enters address, Google auto-populates address as User types, User confirms address, Google Map zooms to location.

2. Polygon (REQUIRED BY USER, DEFAULT ACCEPTABLE): Default Polygon appears on map, User moves polygon to outline a region on the Google Map with 4 points by default and ability to add more, User confirms polygon and page calculates and indicates area of polygon.

3. Deployment Zone (NOT REQUIRED BY USER): User identifies the single point location of a deployment zone.

4. Options (NOT REQUIRED BY USER): The User should be able to select all or none of 4 options and features with corresponding prices, The User should be able to select a start date and an end date, The User should be able to select a start time and an end time.

5. Primary Submission: The User inputs an e-mail address for their quote to be e-mailed to, which is delivered both to the User and to our Sales team e-mail. E-mail sends immediately.

6. Secondary Submission: The User may add their Name, Company Name, and Phone Number and it will be sent with their e-mail address to our Sales team, User submits or exits.

Prices for Form Calculation

A. Base Price: 1000

B. Polygon Area: 1000 per 1 square kilometer

C. Option 1: 1000

D. Option 2: 1000

E. Option 3: 1000

F. Option 4: 1000

G: Per Day: 1000 (example: January 1 to January 3 = 3 Days = 3000)

H: Per Hour: 1000 (example 1AM to 5AM = 4 Hours = 4000)

Per Day and Per Hour prices are accumulative (total from example above = 15,000)

A follow-up project may be offerd to design the quote e-mail which will incorporate the above fields and user input. For now, a basic e-mail with the address, polygon area, options selected, and calculated price is perfect.

Skills: Google Maps API, Website Design, PHP, Javascript, HTML

See more: multi submit fields php, simple flash email submit, simple php form required fields, google maps api pricing, google maps location picker, google maps api key, google maps api test, bootstrap google map location picker, google maps javascript api, google places api, google maps api zoom level, send simple email php submit, pdf form fields calculate, simple creation forms submit mysql database, aspnet20 simple web form submit database, simple web form submit email, simple area editor, simple contact form submit, simple flash email submit form, adobe pdf highlight fields calculate form

About the Employer:
( 4 reviews ) Cambridge, United States

Project ID: #24448474

Awarded to:

sangeethDeshal

Hi Google maps similar solutions already built do drop a message for demos :) I’m competent in task, I can develop the google map based web page. I’m new here on freeLancer and might have less ratings than the others More

$140 USD in 1 day
(9 Reviews)
3.9

48 freelancers are bidding on average $284 for this job

einnovention

Hi there! we can make similar to 2020 sunflower app and will make its mobile versions too, we have more than 7 years of experience in PHP,Js and APIs, lets have a chat for detailed discussions about your website :) Bes More

$1900 USD in 20 days
(164 Reviews)
7.2
AIPDTech

Hi there, We reviewed your requirements and our full stack web developers team built many complex and functional websites, web/mobile app with UI/UX for online marketing, woocommerce and e-Commerce etc. We would like More

$175 USD in 7 days
(57 Reviews)
6.8
javedaasim

Hello there, we can surely develop a page similar as "[login to view URL]" It would be great if we discuss the rest of the details over to chat to proceed accordingly. waiting for your response. More

$250 USD in 12 days
(54 Reviews)
6.5
khurramali0179

Hi , I have examined your undertaking depiction warily and I fathom that you need a specialist wordpress designer & developer. I am a cultivated wordpress creator having 6 years of Designing and Development experienc More

$155 USD in 4 days
(72 Reviews)
6.0
urgentprogrammer

Message me here to start. I will like to do a little work first to verify my bid. Budget is tight, and I will need to setup an account for you on google maps which hasn't been free for a while.

$190 USD in 8 days
(83 Reviews)
5.8
codetechservices

Validcode is a dynamic and fast-moving company in Web/Mobile designing and development world-wide and has proven itself to be one of the best in markets. Validcode have served customers from USA , Canada , Germany , UK More

$140 USD in 7 days
(42 Reviews)
6.0
djlucas1234

Hello, there. Nice to meet you. I checked your requirements carefully. Also check referenced site from first step to last. All are clear, so ready to start work. Let me know if price is ok. Thanks David Lucas

$300 USD in 3 days
(32 Reviews)
5.3
aaravkiku

Hi, I have read your project description and I believe that I am perfect for your project, because I have done many projects of this kind of development successfully. I am 8 years experienced developer and frontend de More

$140 USD in 7 days
(27 Reviews)
5.8
santoshm143

Hello, I'm a certified developer with 6+ years of experience and can build a webpage featuring Google Maps API, Zoom to address, Detect area of a user-defined polygon, Calculate fields, and Submit as emailed data as p More

$140 USD in 7 days
(54 Reviews)
6.3
designobsessed

Hello, I have studied your project description and I would like to offer my help to you in creating this website for you. I will include everything on the website as you have stated. I will develop a beautiful and user More

$200 USD in 7 days
(26 Reviews)
5.9
sunnycz

Hi, I have rich experiences in Google Maps API. I can show you my skill and my work history. If you choose me, you can get the best result in your timeframe. Let us discuss more detailly about your project. Best regard More

$300 USD in 7 days
(7 Reviews)
4.4
Jee1980

Hello I checked your attached URL and I am confident I can deliver the goods, as a full -stack developer. There are mainly 4 parts , including important parts like draw Polygones and calculation of price based graphics More

$300 USD in 8 days
(6 Reviews)
4.3
PageOllice

Greetings, I have been working in IT industry from last 8 years and delivered many projects successfully. Your project fit my skills and experience, so I would like to discuss with you on its details.  I am available More

$250 USD in 7 days
(11 Reviews)
4.0
digitalech

Hi, we can surely design and develop a page similar to "[login to view URL]". We can add Google Maps API, Zoom to address, Detect area of a user-defined polygon, Calculate fields, and Submit as ema More

$250 USD in 12 days
(3 Reviews)
3.9
olegprokopiv39

hello there! I went over your job description with thoroughly. As a senior web developer, I have a lot of experiences about map working. I have used google map, leaflet and mapbox. SO I am sure I can make a website exa More

$200 USD in 5 days
(5 Reviews)
3.8
abdullah5757

Hi there, I have read your project description i can do this job for you. I am working in web development and apps development from past 2 years. Promise to provide quality work. I want to discuss so i can start right More

$80 USD in 3 days
(4 Reviews)
3.9
CodeazeUK

Hello, I hope you are doing well. I’ve been developing custom websites and web applications for the past 7+ years and have satisfied clients all over the world. I am very much interested in working with you. I guarante More

$150 USD in 6 days
(1 Review)
3.9
devprovider

Hi, i have read your requirements and understand very well. i am ready to make your project. i have proper experienced team to manage all affairs. lets make it happen. Thanks

$140 USD in 7 days
(3 Reviews)
3.7
smartwork241

I am a senior full-stack web developer with solid experience in VueJS, NuxtJS,Node.js, React, Redux, MongoDB, Graphql, Neo4j, and AngularJS as well as PHP and Python/Django. I have the same skill when it comes to worki More

$140 USD in 7 days
(5 Reviews)
3.8
labhades551

Hello, I have reviewed your requirements and I would like to discuss more about features in detail. I have more than 4 years of experience in developing web apps, websites, admin panels etc. I can provide you easy, f More

$180 USD in 15 days
(11 Reviews)
3.4