![]() ![]() During World War II, Singapore was occupied by Japan in 1942, and returned to British control as a separate Crown colony following Japan's surrender in 1945. In 1867, the colonies in Southeast Asia were reorganised and Singapore came under the direct control of Britain as part of the Straits Settlements. Its contemporary era began in 1819 when Stamford Raffles established Singapore as an entrepôt trading post of the British Empire. Singapore's history dates back at least a millennium, having been a maritime emporium known as Temasek and subsequently as a major constituent part of several successive thalassocratic empires. Multi-racialism is enshrined in the constitution and continues to shape national policies in education, housing, and politics. English is the lingua franca, with its exclusive use in numerous public services. With a multicultural population and in recognition of the cultural identities of the major ethnic groups within the nation, Singapore has four official languages – English, Malay, Mandarin, and Tamil. It has the third highest population density in the world, although there are numerous green and recreational spaces due to advanced urban planning. The country's territory is composed of one main island, 63 satellite islands and islets, and one outlying islet the combined area of these has increased by 25% since the country's independence as a result of extensive land reclamation projects. It is located about one degree of latitude (137 kilometres or 85 miles) north of the equator, off the southern tip of the Malay Peninsula, bordering the Strait of Malacca to the west, the Singapore Strait to the south, the South China Sea to the east, and the Straits of Johor to the north. Switch from Google to HERE JavaScript Mapįor a great example of what you can do with HERE Maps take a look at the map found on the “ Create an application with the Maps API for JavaScript 3.Singapore ( / ˈ s ɪ ŋ( ɡ) ə p ɔːr/ ( listen)), officially the Republic of Singapore, is an island country and city-state in maritime Southeast Asia. Now that you have created a map with a marker, take a look at some of our other tutorials that walk you through more complex topics over at /tutorials.Īre you currently a Google Maps user? We have some quick transition guides that will help you in the migration process. This map can be integrated into your existing website. Now you should have a working and interactive map that will display the custom marker. Zooming so that the marker can be clearly visibleĭid you know that by dragging on the map and holding the option key (on the Mac, on Windows use the alt key) you can convert the map into a 3D view like below? Map with Custom Marker Conclusion Show the marker in the center of the map Example to show a marker on the map var LocationOfMarker = ) For our example we used the following icon from. The following code snippet shows how to instantiate an icon and a marker from an image URL. The HERE Maps API for JavaScript makes the implementation quick by allowing you to represent POIs as markers. One of the most common use cases for a mapping application is to show points of interest (POIs) on the map. Now that we have successfully rendered the basic map, lets get started with adding a custom marker to it. Like the image below, you should be able to see a basic map centered over Berlin, Germany. Var ui = H.ui.UI.createDefault(map, defaultLayers) Var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map)) Behavior implements default interactions for pan/zoom (also on mobile touch environments) Window.addEventListener('resize', () => map.getViewPort().resize()) This adds a resize listener to make sure that the map occupies the whole container Var map = new H.Map(document.getElementById('mapContainer'), Step 2: initialize a map - this map is centered over Europe Var defaultLayers = platform.createDefaultLayers() Replace variable YOUR_API_KEY with your own apikey Step 1: initialize communication with the platform Once you are done, open the file in your web browser to view the map. Firstly, open up your preferred editor and create an index.html file.Ĭopy the following code to your newly created index.html and replace the APIKEY with your own. In this section, we want to render a basic HERE map. In this tutorial, we will complete the following steps: In the map below you will see an Eiffel Tower. One way you can use this map is by integrating it into your site’s contact page. In this tutorial, we are going to create a basic interactive web map using HERE. ![]()
0 Comments
Leave a Reply. |