este capítulo é novo 411
11
jQuery e APIs
Objetos, objetos por
todo lugar
O que será que eu
vou ganhar este ano?
Espero que seja outra
API...
Um desenvolvedor tão talentoso quanto você não pode fazer tudo
isso sozinho... Vimos como podemos incluir plugins jQuery, como o jQuery UI
ou a navegação com abas, para ajudar a estimular nossa aplicação jQuery, sem
muito esforço. Para levar nossas aplicações para o próximo nível, coloque em prática
algumas das ferramentas bem legais disponíveis na Internet e use as informações
dadas pelos grandes destaques – como Google, Twitter ou Yahoo!, – precisamos de
alguma coisa... a mais. Essas empresas, e muitas outras, fornecem APIs (interfaces
de programação de aplicativos) em seus serviços para que você possa incluí-las
em seu site. Neste capítulo, veremos alguns princípios básicos sobre as APIs e
usaremos uma bastante comum: a API do Google Maps.
BOOK - UCjQuery - PRODUTO FINAL.indb 411 16/05/2013 10:51:58
412 Capítulo 11
uma reunião de criptídeos
De: Dr. Gimli [gimli@criptozoologists.org]
Assunto: Mais algumas atualizações para o nosso site
Olá, pessoal,
Muito obrigado por nos ajudar a deixar nosso site mais favorável ao usuário
e mais simples para coletar dados sobre aparições. Tivemos um aumento
substancial no tráfego, por isso estamos bastante animados para ver todos os
dados que estamos coletando.
Recebemos vários pedidos para tornar as informações mais acessíveis para as
massas. Muitas pessoas estão interessadas nos dados das aparições; portanto,
gostaríamos de dar a elas uma maneira de ver o que coletamos.
Veja o que precisamos:
Gostaríamos de ter a capacidade de selecionar uma única aparição e visualizar
as informações associadas a ela. Junto com as informações sobre o criptídeo,
gostaríamos de ver as informações de latitude e longitude que aparecem em
um mapa do Google.
Quando um ponto é exibido no mapa do Google, gostaríamos de ter a
capacidade de clicar nele para ver mais informações sobre a aparição.
Gostaríamos de ter a capacidade de selecionar o tipo de criatura de uma lista
e exibir todas as criaturas associadas com esse tipo a partir de nosso banco de
dados. Também gostaríamos de ver todas as criaturas com esse tipo em um
mapa do Google, para que possamos procurar focos de aparições e examinar
mais de perto. Todos esses pontos podem ser clicáveis, assim como a lista de
criaturas, de forma que os usuários podem ver mais informações sobre cada um
deles?
Não há muita coisa para questionar, certo, uma vez que já temos todas as
informações armazenadas?
Aguardamos ansiosamente sua resposta!
--
Dr. Gimli and Dr. Pattersby
cryptozoologists.org
Onde está Wally o Pé Grande?
A Dra. Pattersby e o Dr. Gimli querem colocar mais alguns recursos legais em seu site – você
acha que está pronto para a tarefa?
1)
2)
3)
BOOK - UCjQuery - PRODUTO FINAL.indb 412 16/05/2013 10:51:58
você está aqui 413
jQuery e APIs
Joe: Você está falando do mapa do Google que
precisamos construir?
Frank: Sim. Isso é bem simples...
Jim: Simples? Eles querem um mapa inteiro do Google!
Frank: Sim.
Jim: Vários pontos no mapa – um para cada um
de seus criptídeos – cada um sendo clicável para
obter mais informações...
Frank: Sim, acho que eu sei fazer isso.
Jim: E um clique personalizado na lista para interagir com os
pontos e mostrar os pop-ups com “mais informações” no mapa.
Frank: Sim, hum, não tenho muita certeza de como se faz isso.
Joe: Não se preocupe com essa parte. O pessoal do
Google Maps fornece uma API que podemos usar para
realizar essa tarefa.
Jim: AP o quê?
Frank: API. É a abreviação de application programming interface
(interface de programação de aplicativos). É como as empresas,
como Google, Netflix e Yahoo!, permitem que usemos algumas
de suas ferramentas legais em nossos próprios sites.
Jim: Isso parece muito legal, mas ela nos dará todas as pop-ups
e o que mais precisarmos colocar no mapa?
Joe: Bem, deveria. Talvez seja necessário olhar a API do Google
Maps para ver como ela funciona.
Isso deve ser moleza. Parece que os doutores
cripto só estão pedindo algumas coisas.
Jim
Frank
Joe
BOOK - UCjQuery - PRODUTO FINAL.indb 413 16/05/2013 10:51:58
Get Use A Cabeça jQuery now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.