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 fo...
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               ...
building glyph
glyph with java awt
    component
256px
                             12,800bp
                                                                 o
           ...
finding image name



   t           q   r

               t   s


   start ‘t’
finding image name
                         ‘trstrrqstqrtqrstrrt’
q       r   q       r
    q           r
        s
t      ...
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
Genome Browser based on Google Maps API
Upcoming SlideShare
Loading in...5
×

Genome Browser based on Google Maps API

1,554

Published on

Genome Browser based on Google Maps API

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,554
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
32
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Genome Browser based on Google Maps API

  1. 1. Genome Browser based on Google Maps API
  2. 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. 3. position 37.33(longitude) 126.59 (latitude)
  4. 4. 37.519614562087526, 126.94047689437866 1p31.1 chr1: 66206667bp
  5. 5. -180 -73.89193196296688 Chromosome 1 0bp 247,249,719bp
  6. 6. tiled image 256px 256px
  7. 7. tiled image 256px 256px 256px 12800bp 12800bp
  8. 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. 9. building glyph
  10. 10. glyph with java awt component
  11. 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. 12. finding image name t q r t s start ‘t’
  13. 13. finding image name ‘trstrrqstqrtqrstrrt’ q r q r q r s t t s t s ‘trstrrqstqrtqrstrqs’
  14. 14. information panel navigation panel detail panel
  15. 15. chromosome select box position search box summary information box keyword search box layer select box
  16. 16. chr position zoom level
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×