Blog Archives

Google Maps with Polygon and Marker

Google Maps API allows drawing polygons on maps. This demo shows how to build a map with a polygon and a marker altogether. In the HTML page, add a div holding the map. In JavaScript, first provide the marker location

Tagged with:
Posted in Web

Embed Google Maps Image and Street View

Google Maps APIs provide easy ways to embed maps images. The following are static map image, satellite image and street view image of “Lincoln Memorial”. Static Maps API supports map images with custom styles, markers, satellite maps. The following is

Tagged with: ,
Posted in Web

Server-Side Geocoding and Caching

Google Maps API provides geocoding services to convert addresses (“Singapore 208539”) into geographic coordinates (1.311403, 103.85662). There are two approaches: Client-side geocoding, which uses JavaScript API to send requests and receive responses. HTTP server-side geocoding, which uses HTTP requests to

Tagged with: ,
Posted in Web

Google Maps with Multiple Markers and InfoWindow

Google Maps API provides Marker and InfoWindow to build interactive maps. This demo shows how to build a map with multiple markers with one infowindow. In the HTML page, add a div holding the map. In JavaScript, we first have

Tagged with: , ,
Posted in Web