genome browser based on google maps api
DESCRIPTION
Genome Browser based on Google Maps APITRANSCRIPT
![Page 1: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/1.jpg)
Genome Browser based on Google Maps API
![Page 2: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/2.jpg)
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
![Page 3: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/3.jpg)
position37.33(longitude)
126.59(latitude)
![Page 4: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/4.jpg)
37.519614562087526, 126.94047689437866서울특별시 영등포구 여의도동
1p31.1chr1: 66206667bp
![Page 5: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/5.jpg)
-73.89193196296688-180
247,249,719bp0bp
Chromosome 1
![Page 6: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/6.jpg)
tiled image256px
256px
![Page 7: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/7.jpg)
tiled image
256px
256px
12800bp 12800bp
256px
![Page 8: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/8.jpg)
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
![Page 9: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/9.jpg)
building glyph
![Page 10: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/10.jpg)
glyph with java awt component
![Page 11: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/11.jpg)
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) ;}
![Page 12: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/12.jpg)
finding image name
start ‘t’
q r
t st
![Page 13: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/13.jpg)
‘trstrrqstqrtqrstrqs’
‘trstrrqstqrtqrstrrt’
q r
t s
q r
t s st
q r
finding image name
![Page 14: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/14.jpg)
navigation panelinformation panel
detail panel
![Page 15: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/15.jpg)
chromosome select box
position search box
summary information box
keyword search box
layer select box
![Page 16: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/16.jpg)
chr
position zoom level
![Page 17: Genome Browser based on Google Maps API](https://reader036.vdocuments.net/reader036/viewer/2022062303/5584f0aad8b42a30708b4c26/html5/thumbnails/17.jpg)