Build responsive web api with javascript libraries openlayers/leaflet

I have built a web API in “ArcGIS Web App Builder developer edition”. Screen Shots of the web api can be found in the below mentioned link. I would like to build this API by using OPENLAYERS in javascript

….\ Project 4. Built Openlayer Javascript API\2. ScreenShots from WAB Developer edition

The purpose of creating this project is to move to open source and completely get rid of ArcGIS library.

In the screenshots, Here you will notice that widgets are on the top right corner of web api. I also need the widgets on the top right corner of web api. I have named each screen shots with their widget name.

Here you will notice that widgets are on the top right corner of web api. I also need the widgets on the top right corner of web api. I have named each picture with their widget name.

Codes for each widgets are available in the below mentioned links. You need to use the codes from the below mentioned links and create a web api (Similar to screenshots). Please make sure that it is compatible with mobile environment as well.

[login to view URL]

[login to view URL]

[login to view URL]

You can get some coding help from the below mentioned [login to view URL] library as well

[login to view URL]

4. List of widgets, Icons and code links

In this excel sheet, I have provided you all the code links for widgets and icons. You don’t have to write codes for each and every widgets or icons on the map. You just need to grab the codes and put it in a write framework/position on the map. I have provided the links were the code has been taken for “ArcGIS Web App Builder developer edition” & “ArcGIS API for Javascript” libraries but now I need to work with Openlayers /Leaflet JS library. The links for column name Openlayers /Leaflet JS library are bank for now.

5. Example along with Code


1. WABDE This is what I have built with the help of “ArcGIS web app builder developer edition”. You can grad the codes (…\Project 4. Built Openlayer Javascript API\5. Example along with Code\1. WABDE) for a respective widget

2. SAGIS I have grab the codes from ([login to view URL]) This web page is responsive as well. I have extracted another template from the below mentioned website. I would like to replicate the same template for my web api. The owner of this web page has used ArcGIS API for Javascript. One of the features I like about this web api that I am able to move the layers window/widget anywhere on the screen. It would be great if you can have that functionality for all the widget. I can explain you once you are ready to speak on this project. Extracted Files for the above mentioned templates are in the below mentioned folder. You can get an idea of the code from this link.

(…Project 4. Built Openlayer Javascript API\5. Example along with Code\2. SAGIS)

3. CMV Here is a second app link where the widgets are on the left side of the screen instead of top right corner. However I need it in top right corner only but you can get some coding help from this app as well.

[login to view URL]

(or you can down load the code from …\ Project 4. Built Openlayer Javascript API\5. Example along with Code\3. CMV)

[login to view URL]

This web api is also built in “ArcGIS API for Javascript”. One of the thing I like about this web api that I am able to move some of the widgets on the map and when I click on the return arrow it goes to its original position.I would like to have this functionality in Project 3 as well. You don’t need to develop the code right from the scratch. You just need to grab the code from (…\3 Project 4. Built Openlayer Javascript API\5. Example along with Code\3. CMV) and make it work for Project 3 framework.

Kemahiran: Butstrap, CSS, HTML, Javascript, jQuery / Prototaip

Lihat lagi: scroll web content javascript, build wine web site, build simple web page header, bootleaf, bmcbride github, leaflet map application, leaflet application template, leaflet js template, bryanmcbride, leaflet map templates, leaflet bootstrap, javascript, node.js, google maps api, modify web page javascript, modify web site javascript, build adult web site, ebay api javascript send xml, build jewelry web site, build recruitment web application

Tentang Majikan:
( 0 ulasan ) Cherry Hill, United States

ID Projek: #17121436

22 pekerja bebas membida secara purata $20/jam untuk pekerjaan ini


Dear Sir, I have read Project Description & interested to discuss further, as there are few questions, which I would like to ask before giving you our estimate. Secondly, your project is posted under hourly category Lagi

$22 USD / jam
(59 Ulasan)

Hello, After carefully reading your project description, we are writing to you as we are very confident to develop your requirement which is to build a responsive website. We are Sphinx solution, a Software Solut Lagi

$15 USD / jam
(8 Ulasan)

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 r Lagi

$22 USD / jam
(9 Ulasan)

Dear Hiring Manager, I am a PHP developer My FIrst goal will always be to meet your needs and deadline. When working on a new project, I like to speak with the client, so that I can have a clear understanding of his Lagi

$15 USD / jam
(103 Ulasan)

I have 5 years of IT/Software development and deployment experience. I have expertise in Web Design & Development Python, Django, Nodejs, Ruby on Rails HTML , CSS , JS (jQuery) , HTML5, CSS3, Vue.js. PHP ( Plain P Lagi

$22 USD / jam
(13 Ulasan)

Hi there, I’m really serious with your project. I and my team have been working on Bootstrap, CSS, HTML, Javascript, jQuery / Prototype for a long time and confident with the project that you've provided. I am sure t Lagi

$20 USD / jam
(126 Ulasan)

Hello. I am Bootstrap4 expert and full-stack developer. I can help you perfectly. I'd like to discuss about your project more detail. Thanks

$22 USD / jam
(22 Ulasan)
$15 USD / jam
(37 Ulasan)
$22 USD / jam
(53 Ulasan)
$15 USD / jam
(26 Ulasan)

Dear sir, My profile : [login to view URL] I am Tuan Tran in Vietnam, I have 12 year in Software Industry with many running products in mobile and web applications. I have experience with many large products in PHP Lagi

$22 USD / jam
(11 Ulasan)

Dear client! Nice to meet you. I have read your description carefully. Your project is clear to me. Why? I worked in IT company for 3+ years. And i have rich experienced in developing web site including frontend and Lagi

$15 USD / jam
(16 Ulasan)
$20 USD / jam
(5 Ulasan)
$22 USD / jam
(4 Ulasan)

Dear sir! Thanks for your posting job! I am a 8+ years experienced senior web developer who has been focusing on Web development. Please feel free to look around my last projects. * [login to view URL] - Angular.js/N Lagi

$22 USD / jam
(9 Ulasan)

I am young the web developer and designer. I can work with high speed and quality. I have over 5 years of developnent experience . Sent my best regards.

$25 USD / jam
(6 Ulasan)

Hello, I can start work on your project immediately once you confirm me and I am also open for further discussion if you want. I'm engaged in the development of websites, services and web applications for more than Lagi

$23 USD / jam
(4 Ulasan)

Hello I have read your description very carefully and it really attracts me I am full stack web developer with rich experience in openlayers I am sure I can satisfy your requirement in high quality Please contact m Lagi

$20 USD / jam
(3 Ulasan)

WordPress:- [login to view URL] -- [login to view URL] -- [login to view URL] -- [login to view URL] -- [login to view URL] -- PHP:- http://hcgho Lagi

$16 USD / jam
(0 Ulasan)

Dear Client, I am well experienced in developing complex web applications and integrating third party APIs in websites. I have around 13 years of experience in this field. GitHub URL: [login to view URL] Lagi

$22 USD / jam
(0 Ulasan)