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

position
37.33(longitude)
126.59
(latitude)

37.519614562087526, 126.94047689437866
1p31.1
chr1: 66206667bp

-180 -73.89193196296688
Chromosome 1
0bp 247,249,719bp

tiled image
256px
256px

tiled image
256px 256px
256px
12800bp 12800bp

building tiles
base panel
1024x2046
12 3 4
sense panel 56 7 8
image file out
&
scale panel split image
antisense panel
32
256x256
32 tiles

building glyph

glyph with java awt
component

256px
12,800bp
o
-0.0054931640625
function lngToPoint( lng ) {
return Math.round( (( lng + 180 ) * 1165084.444444444)*2 ) ;
}
function pointToLng( point ) {
return -180.0 + (( point / 1165084.444444444 )/2) ;
}

finding image name
t q r
t s
start ‘t’

finding image name
‘trstrrqstqrtqrstrrt’
q r q r
q r
s
t t s
t s
‘trstrrqstqrtqrstrqs’

information panel
navigation panel
detail panel

chromosome select box
position search box
summary information box
keyword search box
layer select box

chr
position zoom level