WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Map Widgets for jQuery

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Welocally Mapa Widgets para jQuery faz do Google Maps Fácil

Rapidamente criar atordoamento altamente estilizados mapas jQuery e Google Maps v3 base para o seu diretório negócio seguinte, guia imobiliário, ou projeto de site de viagens. Incluiu 2 widgets de energia e 3 temas com marcadores personalizados e PSDs originais. Economiza 60 horas de trabalho, instalado em minutos.

Welocally Widgets Mapas rápida é um conjunto de widgets JavaScript baseados jQuery que tornam mais fácil para criar mapas personalizados altamente estilizados usando o Google Maps API v3. É perfeito para a criação de sites de negócios de diretórios, sites de viagens, guias de imóveis ou de qualquer site onde você quer ir além da aparência do Google Maps e mostrar lugares do mundo real.

O pacote de download inclui uma demonstração de trabalho de ambos os widgets, e todos os três temas com um guia sobre como usá-los e estilo-los para websites.

Simplifica o Google Maps API v3

  • 2 Widgets incluído, Lugar Widget e interativa multi Lugar Widget
  • 3 Temas com arquivos de marcador personalizado e ícone photoshop incluídos
  • O pacote inclui demos de trabalho com guias de instalação e de estilo

Temos empacotados dois widgets para ajudar você a fazer localização website ciente rapidamente, com um estilo único e talento

O que é um Welocally Place? Os widgets usar um modelo de dados baseado em lugares com base JSON. Simplificando, um lugar é todos os fatos relevantes sobre um local do mundo real, como o seu nome, localização, número de telefone e site. Esses dados são então usados ​​para definir a localização do mapa e criar cartões de lugar ou mapas de marcadores.

 // lugares são uma matriz de objetos JSON var lugares = [ { "propriedades": { "Telefone": "+1 510 595 8000", "classificadores": [ { "Categoria": "Restaurant", "Subcategoria": "", "Type": "Food & Drink" } ], "Titlelink": "http://oaklandly.com/sicily-pizza", "Website": "http://www.sicilypizzapasta.com", "Endereço": "138 14th St", "Name": "Gourmet Sicília Pizza", "Província": "CA", "Dono": "welocally", "Código postal": "94612", "Country": "US", "City": "Oakland" }, "geometria": { "Type": "Point", "coordenadas": [ -122.2636, 37.801379 ] } } ]; 

Coloque Widget The Place Widget é um widget do estilo do cartão pino que faz com que seja fácil de mostrar um negócio, imobiliados ou destino de viagem integrado diretamente com o seu conteúdo.

 // Configuração para o widget var cfg = {imagepath: 'images / marker_all_base.png'}; // Instancia-la var placeWidget = nova WELOCALLY_PlaceWidget (CFG) .nisso(); // Carga loacally com lugar locais placeWidget.loadLocal (lugares [0]); 

Multiplace Widget O Widget multiplace é um widget de mapa totalmente interativo, quando os usuários clicam em marcadores de mapa destaca a localização com todos os detalhes do lugar seu site está apresentando. balões mapa não mais gigantescas, ou um mapa que se parece com todos os outros. mapas Categoria, mapas de viagem, guias de destinos, locais foodie. Seu tudo mais fácil com Google Maps Widgets rápidas por Welocally.

 // Usado para a exibição lugar quando selecionado (observada) var placeSelected = new WELOCALLY_PlaceWidget (); // Config widget, usar a matriz lugares var cfg = { ID: 'multi_map_1', imagepath: 'images / marker_all_base.png', observadores: [placeSelected], lugares: lugares }; // que ambos os objetos placeSelected.initCfg (CFG); var placesMulti = nova WELOCALLY_PlacesMultiWidget (CFG) .nisso(); // Configuração da área selecionada, exibição selecionado placesMulti.getSelectedArea (). append ( placeSelected.makeWrapper ()); 

Nuvem Habilitado com o Google Docs

Agora você pode colocar seus lugares na nuvem com suporte para fazer divulgado publicamente Google Docs planilhas seu banco de dados locais nuvem (vendido apenas na binpress). Quer colocar um lugar em muitos sites e gerenciá-lo em um só lugar? Ao utilizar o seu Google Docs planilha (licença de desenvolvedor Multisite ou) como o banco de dados de lugares agora você tem uma única fonte de verdade com nenhum banco de dados necessários!

faz um mapa que parece...

Google Docs Nuvem Local Ativado Manter todos os lugares que se preocupam com a partilha em uma planilha, quando você atualizar essa linha no banco de dados de informações do local é atualizado também.

 var placeWidget = nova WELOCALLY_PlaceWidget (); placeWidget.initCfg ({ imagepath: 'images / marker_all_base.png', }); jQuery ( '# wl_place_widget_wrapper') html (placeWidget.makeWrapper ()).; var loader = new WELOCALLY_GoogleDocsLoad ({ consecutivas: 5, chave: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', observadores: [placeWidget] }).nisso(); loader.load (); 

Criar um mapa personalizado lugares com o Google Docs Planilhas Quer um mapa personalizado na nuvem com apenas os lugares que lhe interessam? Remova qualquer lugar da planilha eo mapa Recentraliza-se automaticamente. Todos os lugares nuvem são atualizadas instantaneamente quando você editar a planilha.

 // A exibição selecionada var placeSelected = new WELOCALLY_PlaceWidget (); // Multi mapa var placesMulti = nova WELOCALLY_PlacesMultiWidget ({ ID: 'multi_googledocs_1', imagepath: 'images / marker_all_base.png', showSelection: false, showLetters: verdadeiro, overrideSelectableStyle: "width: 100px;", observadores: [placeSelected] }).nisso(); // Configuração da área selecionada placeSelected.initCfg (CFG); . PlacesMulti.getSelectedArea () anexa (placeSelected.makeWrapper ()); // Esta é a busca do Google Cloud, mostra todos os lugares em folha var placesSearch = new WELOCALLY_GoogleDocsSearch ({ chave: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', observadores: [placesMulti] }).nisso(); // Obter lugares do google planilha placesSearch.search (); 

Suporte local disponível

Welocally quer fornecer grande apoio e construir uma comunidade de desenvolvedores, por isso criamos o site de suporte para os nossos produtos para que você possa levantar questões técnicas detalhadas. Nós pedimos que você vá lá para o suporte técnico para que as pessoas podem usar a seção de comentários para simples comentários sobre o produto.

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
30 de 12 de abril

Última atualização:
26 de 12 de maio

Navegadores compatíveis:
IE6, IE7, IE8, IE9, Firefox, Safari, Chrome

arquivos incluídos:
JavaScript JS, CSS, PSD Layered

Versão do software:
jQuery

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, fá, cil, javascript, jquery, mapas, Widgets