[Applet] 자바 애플릿(Java Applet)으로 우리 동네 지도 표시하기 [Programming Assignment for Module 1]

[Applet] 자바 애플릿(Java Applet)이란? [Applet으로 Happy Face 만들기]

---

- 자바 애플릿(Java Applet)으로 우리 동네 지도 표시하기

K-MOOC x Coursera에서 캘리포니아대학교 샌디에이고캠퍼스의 Object Oriented Programming in Java라는 과목을 수강하고 있는데, Java Applet을 활용하여 과제를 만들고 있다.

첫 번째 과제는 Applet에 우리 동네 지도를 표시하는 것이다.
왼쪽 표시된 map1을 참고하여 map2 객체에 알맞은 코드를 추가하면 된다.

---

과제 : 우리 동네 지도 표시하기

---

- 지도 좌표 확인 방법

[꿀팁] Google 지도에서 위도, 경도 찾는 방법 [구글 지도에서 좌표 찾기]

---

- HelloWorld.java

import processing.core.PApplet;
import de.fhpotsdam.unfolding.UnfoldingMap;
import de.fhpotsdam.unfolding.geo.Location;
import de.fhpotsdam.unfolding.providers.AbstractMapProvider;
import de.fhpotsdam.unfolding.providers.Google;
import de.fhpotsdam.unfolding.providers.MBTilesMapProvider;
import de.fhpotsdam.unfolding.utils.MapUtils;

public class HelloWorld extends PApplet {
	/** Your goal: add code to display second map, zoom in, and customize the background.
	 * Feel free to copy and use this code, adding to it, modifying it, etc.  
	 * Don't forget the import lines above. */

	// You can ignore this.  It's to keep eclipse from reporting a warning
	private static final long serialVersionUID = 1L;

	/** This is where to find the local tiles, for working without an Internet connection */
	public static String mbTilesString = "blankLight-1-3.mbtiles";
	
	// IF YOU ARE WORKING OFFLINE: Change the value of this variable to true
	private static final boolean offline = false;
	
	/** The map we use to display our home town: La Jolla, CA */
	UnfoldingMap map1;
	
	/** The map you will use to display your home town */ 
	UnfoldingMap map2;

	public void setup() {
		size(850, 600, P2D);  // Set up the Applet window to be 800x600
		                      // The OPENGL argument indicates to use the 
		                      // Processing library's 2D drawing
		                      // You'll learn more about processing in Module 3

		// This sets the background color for the Applet.  
		// Play around with these numbers and see what happens!
		this.background(200, 200, 200);
		
		// Select a map provider
		AbstractMapProvider provider = new Google.GoogleTerrainProvider();
		// Set a zoom level
		int zoomLevel = 10;
		
		if (offline) {
			// If you are working offline, you need to use this provider 
			// to work with the maps that are local on your computer.  
			provider = new MBTilesMapProvider(mbTilesString);
			// 3 is the maximum zoom level for working offline
			zoomLevel = 3;
		}
		
		// Create a new UnfoldingMap to be displayed in this window.  
		// The 2nd-5th arguments give the map's x, y, width and height
		// When you create your map we want you to play around with these 
		// arguments to get your second map in the right place.
		// The 6th argument specifies the map provider.  
		// There are several providers built-in.
		// Note if you are working offline you must use the MBTilesMapProvider
		map1 = new UnfoldingMap(this, 50, 50, 350, 500, provider);

		// The next line zooms in and centers the map at 
	    // 32.9 (latitude) and -117.2 (longitude)
	    map1.zoomAndPanTo(zoomLevel, new Location(32.9f, -117.2f));
		
		// This line makes the map interactive
		MapUtils.createDefaultEventDispatcher(this, map1);
		
		// TODO: Add code here that creates map2 
		// Then you'll modify draw() below
		map2 = new UnfoldingMap(this, 450, 50, 350, 500, provider);
		map2.zoomAndPanTo(zoomLevel, new Location(37.5f, 126.9f));
		MapUtils.createDefaultEventDispatcher(this, map2);
	}

	/** Draw the Applet window.  */
	public void draw() {
		// So far we only draw map1...
		// TODO: Add code so that both maps are displayed
		map1.draw();
		
		// draw map2
		map2.draw();
	}
    
}

---

우리 동네 지도 표시 완료!

---