Genome Browser based on Google Maps API

what is google maps api?

• gembed google mpas in your own web pages with JavaScript

• provides a number of utilities for manipulating maps and adding content to the map

• create robust maps applications on your website

position37.33(longitude)

126.59(latitude)

37.519614562087526, 126.94047689437866서울특별시 영등포구 여의도동

1p31.1chr1: 66206667bp

-73.89193196296688-180

247,249,719bp0bp

Chromosome 1

tiled image256px

256px

tiled image

256px

256px

12800bp 12800bp

256px

building tiles

sense panel

scale panel

antisense panel

base panel1024x2046

1 2 3 4

5 6 7 8

32256x256 32 tiles

image file out&

split image

building glyph

glyph with java awt component

256px

12,800bp

-0.0054931640625 o

function lngToPoint( lng ) { return Math.round( (( lng + 180 ) * 1165084.444444444)*2 ) ;}

function pointToLng( point ) { return -180.0 + (( point / 1165084.444444444 )/2) ;}

finding image name

start ‘t’

q r

t st

‘trstrrqstqrtqrstrqs’

‘trstrrqstqrtqrstrrt’

q r

t s

q r

t s st

q r

finding image name

navigation panelinformation panel

detail panel

chromosome select box

position search box

summary information box

keyword search box

layer select box

chr

position zoom level