No OpenLayers, \u00e9 atrav\u00e9s do controle que \u00e9 poss\u00edvel realizar a intera\u00e7\u00e3o do usu\u00e1rio com o mapa. Alguns controles tem um representa\u00e7\u00e3o visual e outros s\u00e3o invis\u00edveis para o usu\u00e1rio. Quando voc\u00ea cria um mapa com as op\u00e7\u00f5es padr\u00f5es, voc\u00ea cria com controles padr\u00f5es vis\u00edveis. Este controles padr\u00f5es permitem que o usu\u00e1rio navegue pelo mapa tanto com o mouse como os os bot\u00f5es. Adicionalmente existem outros controles que voc\u00ea pode adicionar ao seu mapa, e \u00e9 isto que vamos ver agora.<\/p>\n
\n
![\"Mapa](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_01.png\" "\\"Mapa")
\nFigura 1.<\/strong> Mapa de Funcionalidades<\/em>
\n<\/center><\/p>\n
1. Controle Padr\u00e3o<\/strong><\/em><\/p>\n O controle padr\u00e3o j\u00e1 \u00e9 criado automaticamente quando voc\u00ea inicializa o seu mapa, e n\u00e3o necessita de comandos para a cria\u00e7\u00e3o.<\/p>\n 2. Escala<\/strong><\/em><\/p>\n Este comando insere a escala no canto inferior esquerdo do seu mapa, conforme indica a Figura 1.<\/p>\n 3. Refer\u00eancia<\/em><\/strong><\/p>\n A refer\u00eancia pode ser adicionada como foi demonstrada acima, ou caso voc\u00ea prefiro \u00e9 poss\u00edvel defirnir qual imagem ir\u00e1 aparecer dentro da refer\u00eancia, para isso voc\u00ea deve escrever o seguite c\u00f3digo: <\/p>\n 4. Lista de Camadas<\/strong><\/em><\/p>\n A Lista de camadas (LayerSwitcher), \u00e9 onde voc\u00ea pode ver quais camadas est\u00e3o dispon\u00edveis para visualiza\u00e7\u00e3o, quais est\u00e3o ativas, as camadas base, e tamb\u00e9m pode ativar\/desativar as camadas conforme a sua necessidade de visualiza\u00e7\u00e3o. <\/p>\n 5. Ferramentas de Edi\u00e7\u00e3o<\/strong><\/em><\/p>\n As ferramentas de edi\u00e7\u00e3o s\u00e3o utilizadas quando h\u00e1 necessidade de editar ou criar novas geometrias diretamente no mapa.<\/p>\n 6. Coordenadas<\/strong><\/em><\/p>\n Esta funcionalidade indica o par de coordenadas conforme o posicionamento do mouse.<\/p>\n Veja como ficaria o c\u00f3digo de um mapa com as funcionalidades descritas acima:<\/p>\n Continuando a nossa s\u00e9rie de posts sobre o OpenLayers, hoje iremos tratar dos controles. M\u00f3dulo 3: Controles No OpenLayers, \u00e9 atrav\u00e9s do controle que \u00e9 poss\u00edvel realizar a intera\u00e7\u00e3o do usu\u00e1rio com o mapa. Alguns controles tem um representa\u00e7\u00e3o visual… Continue Reading →<\/a><\/p>\n","protected":false},"author":275,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[132,30],"tags":[144],"class_list":["post-1181","post","type-post","status-publish","format-standard","hentry","category-openlayers","category-tutorial","tag-introducao-openlayers"],"_links":{"self":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/1181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/users\/275"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/comments?post=1181"}],"version-history":[{"count":15,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/1181\/revisions"}],"predecessor-version":[{"id":1591,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/1181\/revisions\/1591"}],"wp:attachment":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media?parent=1181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/categories?post=1181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/tags?post=1181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_02.png\" "\\"\\"")
<\/p>\n![\"\"](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_07.png\" "\\"\\"")
<\/p>\n![\"\"](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_08.png\" "\\"\\"")
<\/p>\n![\"\"](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_03.png\" "\\"\\"")
<\/p>\n![\"\"](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_04_1.png\" "\\"\\"")
<\/p>\n![\"\"](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_05.png\" "\\"\\"")
<\/p>\n![\"\"](\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_controles_06.png\" "\\"\\"")
<\/p>\n","protected":false},"excerpt":{"rendered":"