Genome Browser based on Google Maps API

1. Genome Browser based on
Google Maps API

2. 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

3. position
37.33(longitude)
126.59
(latitude)

4. 37.519614562087526, 126.94047689437866
1p31.1
chr1: 66206667bp

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

6. tiled image
256px
256px

7. tiled image
256px 256px
256px
12800bp 12800bp

8. 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

9. building glyph

10. glyph with java awt
component

11. 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) ;
}

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

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

14. information panel
navigation panel
detail panel

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

16. chr
position zoom level