万博体育最新资讯

UX和所有东西网络

类别:教程

从JSON向谷歌地图添加多个标记

最近 我收到了几封读者发来的邮件,开始使用谷歌地图API 3,当通过JSON数据动态加载标记时,向多个信息窗口添加信息时会出现问题。

在我的书中,我实际上描述了如何从JSON中添加多个标记,以及如何在每个标记上附加唯一的信息窗口。我没有描述的是如何让JSON数据实际显示在信息窗口中。本教程旨在描述如何做到这一点。

万博体育中超

在谷歌地图API 3中计算距离和面积

AS 我在文章中提到过使用库扩展Google地图API 3几周前,您可以使用库向谷歌映射API添加功能。其中一个图书馆是几何图形库.在本文中,我将展示如何使用该库的函数来计算距离和面积。我还将解释一些您可能会发现有用的附加导航功能。

万博体育中超

动态切换谷歌映射中的标记

本文解释了如何动态切换谷歌映射中标记的可见性,以及如何处理在使用实用程序库时出现的烦人bug,像马克经理一样。

万博体育中超

使用jQuery的非模态警告

JQuery徽标 你想通知用户的情况,比如一些信息被保存了,非模态警报是一个很好的解决方案。它可以让你的信息不受干扰,也不需要不必要的用户交互。

在本文中,我将描述如何使用jQuery创建它

万博体育中超

在WordPress中创建子菜单

我目前正在做的一个项目,我想创建一个子菜单,其中包括父页面以及supbages。我只想显示子菜单只有当父页面有子页面。在WordPress Codex上搜索并搜索解决方案时,我找不到一个考虑到所有这些因素的例子,所以我不得不自己找出答案。这是我想出的方法。

万博体育中超

在谷歌映射中使用信息窗口

谷歌地图开发技术 谷歌地图中的信息窗口是一种显示特定点或对象信息的强大方式。你知道有几种吗?

在本文中,我将向您展示如何添加在单击标记时出现的不同类型的信息窗口。

万博体育中超

在谷歌地图中处理大量标记

谷歌地图 在谷歌映射中使用标记非常简单,至少当你有一个合理的数量。但一旦你拥有了超过几百个,性能很快开始下降。在本文中,我将向您展示一些加速性能的方法。我还整理了一个测试页来比较它们。

更新(2009-05-06):本文已通过添加实用程序库进行了更新。标记聚类.的测试结果在文章的最后和测试页面也进行了修订。

万博体育中超

在谷歌映射中使用标记的基本操作

谷歌地图标记 是谷歌地图的核心功能之一,也是显示地图位置的有效方法。在本文中,我将向您展示如何向映射添加基本标记,以及如何向其添加一些交互性。

万博体育中超

不引人注目的谷歌地图

什么时候? 开发web应用程序,我们永远无法确定用户所处的环境是什么。例如,他可以从一个支持有限javascript的浏览器的移动设备上使用我们的应用程序。就像Roger Johansson在书中指出的那样使谷歌地图更容易访问,我们必须防止我们的应用程序在这种情况下被破坏,使其正常降级。

在本文中,我将向您展示如何通过使用谷歌静态地图API.

万博体育中超

使用Google静态地图API的简单地图

谷歌 当用户没有可用的javascript时,静态映射API是提供映射的简单方法。当然,它并没有完全的谷歌地图API强大,但是,它可以为您提供一个包含标记和路径的基本映射。

万博体育中超

用重新访问的微格式填充谷歌地图

一个 几个月前,我发布了一个演示,其中我使用微格式标记的内容用Javascript填充谷歌映射。好吧,现在我对演示做了一些改进。

万博体育中超

谷歌地图中的多段线[第2部分]

第1部分我展示了如何使用Javascript在谷歌映射中的折线上使用和优化性能。在本文中,我将向您展示如何通过在服务器上编码折线来获得更好的性能。

万博体育中超

谷歌地图中的边界框

正常情况下 当您初始化一个新的谷歌地图时,您可以设置地图中心的坐标,并手动指定初始缩放级别。有时,然而,需要动态计算中心点和缩放级别,以使某些内容适合于视图端口。

万博体育中超

谷歌映射中的折线[第1部分]

折线 用来标示道路,边界和其他由地图中的线条组成的东西。谷歌Maps API提供了一个类,用于在名为的谷歌映射上绘制这些线GPolyline.在本文中,我将向您展示如何使用这些工具,以及当折线变得更加复杂时,如何处理潜在的性能问题。

万博体育中超

ASP.NET MVC和JSON

AJAX社区,杰森已成为发送和接收数据的首选方式。这并不奇怪,因为它很轻,快速易懂。也,因为它是Javascript的子集,这是Javascript编码人员熟悉的领域。

ASP.NET MVC框架,将JSON从服务器传递到客户机脚本几乎太容易了。在本文中,我将向您介绍使其工作所需的代码。

万博体育中超

在谷歌地图中有效使用自定义图标

谷歌地图我是 目前正在开发一个使用谷歌地图的web应用程序,它有许多带有自定义图标的标记来标记地图上的不同内容。管理所有这些不同的图标是一件苦差事,我花了一些时间才找到一种有效的方法来处理它们。

万博体育中超

ASP.NET MVC预览版本5中的用户控件

在了解如何使用ASP.NET MVC框架中的用户控件以及如何将数据传递给它时遇到了一些困难。我找不到一篇能清楚解释如何做到这一点的文章,所以我想就这个话题写点东西。

万博体育中超

图像映射翻转

图像映射 在早期的网页设计中很受欢迎,但似乎已经失宠了。可能是由于易访问性问题和基于CSS的设计的兴起。我认为,如果使用得当,它仍然有它的位置,并且人们意识到它潜在的可访问性问题。

在最近的一个项目中,我正在构建一个地图,当鼠标悬停在地图上时,地图的不同区域将突出显示。将Imagemap与CSS和JavaScript结合使用似乎是一种自然的方法。

我认为编写这个解决方案的代码会非常简单,但很快发现了一些奇怪的怪癖。我也找不到任何关于这个的信息,所以我想和你们分享一下我的经历。

万博体育中超

与jQuery循环

开始使用Javascript框架jQuery最近,我必须说,我发现它非常愉快!我以前主要用原型DOMAssistant,尽管它们在某些领域很出色,但我还是觉得jquery更有趣。

下面是一个关于如何使用jQuery循环元素的简单技巧,我想我可以与大家分享。

万博体育中超

终极网站徽标

有一个好的网站标志是很重要的。这是区别你的网站和其他人的东西之一。它也是存在于网站所有页面上的设计元素。你自然想让它好看,但与此同时,它需要可访问性和搜索引擎友好。要正确做到这一点,有一些技术值得了解。在本文中,我将向您展示我在自己的博客中采用的方法。

在我看来,一个好的网站标志有以下特点:

  • 这是 搜索引擎优化
    谷歌得分高
  • 它是可点击的
    支持一个强大的约定,即单击站点徽标将您带到主页
  • 它是可访问的
    使那些关闭了屏幕阅读器或图像的人能够阅读“徽标”
  • 看起来不错
    一个好看的标志对建立你的品牌很重要。

如果你是那种没有耐心的人,你可以看示例页面马上。为了解释它是怎么做的,继续阅读!

万博体育中超

用微格式标记联系人信息

如果 你正在建立网站,你可能时不时地标记联系信息。为什么不以一种标准化的方式来做,这样你就可以快速地标记出来,设计风格,同时使用微格式进行增强?这样做的方法是使用HCARD,用于标记联系人信息的微格式。

这篇文章不仅会告诉你为什么要这样做,但也正是如此!

万博体育中超

使用微格式填充谷歌地图

微格式受到启发的 我读过一篇文章24路我已经建立了一个演示页面,使用微格式标记的内容来填充谷歌地图。

不幸的是演示用的是瑞典语,但我认为你们中不会说瑞典语的人无论如何都能很容易理解。

主要的概念是使用斯堪的纳维亚的民歌节日列表,仔细标记了微格式,作为数据源。然后使用Javascript遍历内容并填充映射。

我的节日名单是从www.nordvisa.org.谢谢你,克里斯!

万博体育中超