Tag Archives: Maps API

Using GMap in RequireJS, with Backbone

via rockylhc.com | Using GMap in RequireJS, with Backbone.

As a web developer, I have been doing a lot of websites that rely on javascript heavily. And most of the time, I just build the website with only one javascript, with plenty of jquery plugin, to get the job done. Then, it ends up with a massive chunk of javascript when the project getting bigger and bigger, which is a big mess.

Until lately, I thought about using a framework, an architectural design pattern to help me to tidy up my scripts. So here’s my first step, try to collaborate some of the rising, new, and useful javascript tools, to create a map based web app. And the tools that’s in my scope are:

So the starting is quite easy, just insert

Maps on Android

via Maps on Android | Nextdoor Engineering.

As Android developers at Nextdoor, we spend a lot of time and care on maps as they are central to the product. The documentation Google provides for their maps API looked straightforward and the implementation details looked fairly easy the first time we read it, and for the most part it was. However, we ran into some issues when we tried to use Markers,InfoWindow and Polygons. Here are some of the hurdles we needed to clear to make our maps work just right.

A Map to Perfection: Using D3.js to Make Beautiful Web Maps

via Building Great Web Maps: A D3.js Tutorial | Toptal.

Data Driven Documents, or D3.js, is “a JavaScript library for manipulating documents based on data”. Or to put it more simply, D3.js is a data visualization library. It was developed by Mike Bostock with the idea of bridging the gap between static display of data, and interactive and animated data visualizations.

D3 is a powerful library with a ton of uses. In this tutorial, I’ll discuss one particularly compelling application of D3: map making. We’ll go through the common challenges of building a useful and informative web map, and show how in each case, D3.js gives capable JavaScript developers everything they need to make maps look and feel beautiful.

Using JavaScript to Create Geospatial and Advanced Maps

via Using JavaScript to Create Geospatial and Advanced Maps.

Geospatial Information Systems (GIS) is an area of cartography and information technology concerned with the storage, manipulation, analysis, and presentation of geographic and spatial data. You are probably most familiar with GIS services that produce dynamic, two-dimensional tile maps which have been prominent on the web since the days of MapQuest.

Until recently, developing geospatial apps beyond a 2D map required a comprehensive GIS service such as ArcGIS, Nokia Here, or Google Maps. While these APIs are powerful, they are also expensive, onerous to learn, and lock the map developer to a single solution. Fortunately, there are now a wealth of useful, open source JavaScript tools for handling advanced cartography and geospatial analysis.

In this article, I’ll examine how to implement GIS techniques with JavaScript and HTML, focusing on lightweight tools for specific tasks. Many of the tools I’ll cover are based on services such as Mapbox, CloudMade, and MapZen, but these are all modular libraries that can be added as packages to Node.js or used for analysis in a web browser.

Note: The CodePen examples embedded in this post are best viewed on CodePen directly.

Implementing Google Maps in AngularJS

via Implementing Google Maps in AngularJS | AngularJS Tutorials | All Programming Tutorials.

We will be creating following three files in order to demonstrate the implementation of Google Maps in AngularJs –

  1. google-maps.html file for creating a Google Map.
  2. maps.css file for adding basic style to our Google Map.
  3. maps.js file containing AngularJs controller for our Google Map.

Geolocation JavaScript and Google Maps

via Geolocation JavaScript and Google Maps – Blog – [Free Development].

Google Maps is a great tool for visualizing movable maps and routes between points ornot; This excellent tool is available for use in our web projects, in this post we will see how to use Google Maps on our web projects:

How to Develop Java Travel App that Integrates Web Services?

via How to Develop Java Travel App that Integrates Web Services?

Are you thinking to develop Java Travel App? Check out this step-to-step guide that teaches you to develop Java travel application along with integrating web services.

Most of the people love to travel and for them, it is must to build travel app that provide instant information about their traveling place. Those developers, who are thinking to create travel application for their users, can see guide in this post.

This guide is divided into two parts. The first part leverages the user preference that stored in a user profile and the second incorporates the first one with external services in a web application.

Things You Require to Build A Same Application

Run the app here