Sorry your browser is not supported!

        .
        .
        .
	area_length = imgmap_areaGetCount(m.map) - 1
	m.area.length = area_length
	for i = 0 to area_length
		img_filename = m.map.shape[i].name + ".png"
		data_filename = m.map.shape[i].name + ".json"
		imgmap_Create(m.area[i].map, img_filename, data_filename, 0.0, 0.0, 100.0, 100.0)
		imgmap_SetVisible(m.area[i].map, 0)
		grid_length = grid_length + imgmap_areaGetCount(m.area[i].map)
	next i
       .
       .
       .

area_length = imgmap_areaGetCount(m.map) - 1
If area_length < 0 Then area_length = 0
m.area.length = area_length
for i = 0 to area_length
    img_filename = m.map.shape[i].name + ".png"
    data_filename = m.map.shape[i].name + ".json"
    imgmap_Create(m.area[i].map, img_filename, data_filename, 0.0, 0.0, 100.0, 100.0)
    imgmap_SetVisible(m.area[i].map, 0)
    grid_length = grid_length + imgmap_areaGetCount(m.area[i].map)
next i

function imgmap_Create(m ref as _imgMap, imgfname as string, areasfname as string, x_left as float, y_top as float, x_right as float, y_bottom as float)
	
	l as integer
	i as integer
	j as integer
	shapecount as integer
	
	// init variables
	m.area_touched = -1
	
	// read the number of sections
	shapecount = shploader_shapeGetCount(areasfname)
	m.area.length = shapecount - 1
	m.shape.length = shapecount - 1
	for i = 0 to shapecount - 1
		shploader_shapeLoad(areasfname, i, m.shape[i])
		shape_Copy(m.shape[i], m.area[i].s)
	next i

	// create the image object using hte object manager
	m.img = objMgr_ObjAdd(objTypeSprite, imgfname, 0.0, 0.0)
	
	// initialize the scroller and add the image object
	scroller_Init(m.scr, x_left, y_top, x_right, y_bottom)
	scroller_ObjAdd(m.scr, m.img, ScrObjTypeObj, scroller_GetCenterX(m.scr), scroller_GetCenterY(m.scr))
	scroller_SetScrollPosition(m.scr, 0.0, 0.0)

	// calculate the zoom factor of the image relative to the current aspect ratio
	m.zoom_x = objMgr_ObjGetWidth(m.img) / 100.0
	m.zoom_y = objMgr_ObjGetHeight(m.img) / 100.0
	// calculate the screen size relative to the image size (precentage units)
	m.screen_width = 100.0 / objMgr_ObjGetWidth(m.img) * 100.0
	m.screen_height = 100.0 / objMgr_ObjGetHeight(m.img) * 100.0
	// calculate the upper & top border of the screen
	m.img_leftmargin = (100.0 - m.screen_width) * 0.5
	m.img_topmargin = (100.0 - m.screen_height) * 0.5
	
	imgmap_scrollerRestrict(m)
		
	// change the geometrical definition of each area shape in order to be placed correctly to the current aspect ratio
	l = m.area.length
	for i = 0 to l
		m.area[i].s.x = imgmap_ImageXToScreen(m, m.shape[i].x)
		m.area[i].s.y = imgmap_ImageYToScreen(m, m.shape[i].y)
		for j = 0 to m.area[i].s.p.length
			m.area[i].s.p[j].x = m.area[i].s.p[j].x * m.zoom_x
			m.area[i].s.p[j].y = m.area[i].s.p[j].y * m.zoom_y
		next j
	next i

	// calculate the width & height of each area
	for i = 0 to l
		m.area[i].w = imgmap_areaCalculateWidth(m, i)
		m.area[i].h = imgmap_areaCalculateHeight(m, i)
	next i
	
	m.enabled = 1
	imgmap_SetVisible(m, 1)

endfunction

for i = 0 to area_length
    img_filename = m.map.shape[i].name + ".png"
    data_filename = m.map.shape[i].name + ".json"
    imgmap_Create(m.area[i].map, img_filename, data_filename, 0.0, 0.0, 100.0, 100.0)
    imgmap_SetVisible(m.area[i].map, 0)
    grid_length = grid_length + imgmap_areaGetCount(m.area[i].map)
next i

	i as integer
	j as integer
	area_length as integer
	grid as integer
	grid_length as integer
	grid_p as integer			// number of pages of each grid
	grid_r as integer			// number of rows of each grid
	grid_c as integer			// number of cols of each grid
	img_filename as string
	data_filename as string
	
	img_filename = basemapname + ".png"
	data_filename = basemapname + ".json"
	imgmap_Create(m.map, img_filename, data_filename, 0.0, 0.0, 100.0, 100.0)
	imgmap_SetVisible(m.map, 0)
	
	area_length = imgmap_areaGetCount(m.map) - 1
	m.area.length = area_length
	for i = 0 to area_length
		img_filename = m.map.shape[i].name + ".png"
		data_filename = m.map.shape[i].name + ".json"
		imgmap_Create(m.area[i].map, img_filename, data_filename, 0.0, 0.0, 100.0, 100.0)
		imgmap_SetVisible(m.area[i].map, 0)
		grid_length = grid_length + imgmap_areaGetCount(m.area[i].map)
	next i
	
	// create grid for each sub area
	for i = 0 to area_length
		grid_length = m.area[i].map.shape.length
		m.area[i].place.length = grid_length
		for j = 0 to grid_length
			// Format of area name 'xxx.a.b.c', where xxx: name, a: number of pages in grid, b: number of rows of grid, c: number of cols of grid
			grid_p = Val(GetStringToken2(m.area[i].map.shape[j].name, ".", 2))
			grid_r = Val(GetStringToken2(m.area[i].map.shape[j].name, ".", 3))
			grid_c = Val(GetStringToken2(m.area[i].map.shape[j].name, ".", 4))
			m.area[i].place[j].id = Val(GetStringToken2(m.area[i].map.shape[j].name, ".", 5))
			grid_Create(m.area[i].place[j].grid, 0.0, 0.0, 15.0, 15.0, grid_r, grid_c, grid_p, "gslot.png", theApp.font, 4.0)
			grid_AllignX(m.area[i].place[j].grid, 1)
			grid_AllignY(m.area[i].place[j].grid, 1)
			grid = grid + 1
		next j
	next i
	
	map_Reset(m