`
MoonshineWoo
  • 浏览: 10068 次
社区版块
存档分类
最新评论

在网页中加入带标识位置的Google地图

    博客分类:
  • HTML
阅读更多

     今天有个朋友要我帮忙在他们的网站上加个google地图来标注他们公司的位置,由于以前没有做过这种事,所以一开始在网上找了很多方法,一种是使用google的API,通过在页面里写js来实现,在网上搜有很多代码,我试了一下,地图确实能出来,但是没有那个红色的位置标志,用google map文档里的方法去createMarker也出不来这个标志,最后搜索了一下找到了一个googlemaps的getmaps教程文档,按照里面的步骤很轻松的就实现了在网页中加入google地图的功能。

 

这也是我要说的第二种方法,方法很简单,按照如下步骤操作即可:

 

1.    google搜索中选择地图,在搜索框内输入你的地址,点击搜索



 

2.    在搜索框下方出现你所搜索的地图



 

3.    点击左上角的分享链接标志



 

4.    出现如下一个层



 

5.    将“粘贴HTML以便嵌入到网站”下的文本框中的HTML代码copy到你的网页中即可。

 

6.  完成,在网页中的效果如图 
 

 

 

参考链接:http://maps.google.com/help/maps/getmaps/plot-one.html

  • 大小: 9.7 KB
  • 大小: 288.3 KB
  • 大小: 14.8 KB
  • 大小: 45.5 KB
  • 大小: 813 Bytes
  • 大小: 49.9 KB
分享到:
评论

相关推荐

    google 地图API中文文档

    标记功能是谷歌地图API的一大亮点,允许我们在地图上添加特定位置的标识。`GMarker`对象可以用来创建标记,通过传递经纬度坐标给`GLatLng`函数来确定标记的位置。例如,我们可以创建一个位于雅典卫城的标记。 此外...

    谷歌地图的标注隐藏与显示

    在进行谷歌地图开发时,为了增强地图的信息性和交互性,开发者经常会向地图上添加各种标注。这些标注不仅能够帮助用户更直观地理解特定地理位置的相关信息,还能根据用户的兴趣或需求动态地显示或隐藏。然而,在实现...

    谷歌地图开发实例

    标记(Markers)是谷歌地图API中的一个重要概念,它们用于在地图上标识特定的位置。你可以设置标记的图标、位置、信息窗口(气泡)以及点击事件。例如,你可以创建一个标记表示餐馆的位置,当用户点击这个标记时,一...

    js实现自己的网页地图可添加自己的标准和事件

    在JavaScript(js)中实现自己的网页地图功能,不仅可以提供一种个性化的方式来展示地理位置信息,还能让用户在地图上自由地添加和操作各种自定义元素,如建筑标志。这种技术在Web开发中有着广泛的应用,例如在房...

    android使用谷歌地图

    在Android平台上,集成和使用谷歌地图(Google Maps)是一项常见的任务,它可以帮助开发者为用户提供直观的位置服务和导航功能。在你的项目中,你已经成功地实现了在地图上显示无锡和南京两个地点的标记,并且点击...

    geoserver中Google地图样式SLD.rar

    在Google地图中,背景通常是清晰的蓝色天空和地球影像。应用此SLD,GeoServer可以提供一个与Google地图类似的干净背景,便于突出显示其他地理要素。 为了使用这些SLD文件,你需要将它们上传到GeoServer的管理界面,...

    谷歌离线地图开发

    在本场景中,我们主要关注的是如何利用万能地图下载器获取谷歌地图的瓦片,并将其应用于Google Maps API v3中实现离线查看。 首先,让我们了解什么是地图瓦片。地图瓦片是地图的一种分块表示方式,它将整个地球表面...

    Google地图中的标绘图标

    本话题主要关注的是Google地图中用于标绘和展示查询结果的图标。 图标在用户界面设计中扮演着至关重要的角色,它们是信息可视化的一种高效方式,尤其在地图应用中。Google地图使用各种图标来指示不同的地点类型,如...

    Google地图API

    Google地图API是一套由Google提供的用于在网页上集成和展示地图的工具集合。通过使用这些API,开发者可以轻松地在自己的网站或应用中嵌入交互式地图、搜索地点等功能。 **注册与获取API密钥:** 为了使用Google地图...

    google地图js-展示站点标示和移动增加标示,相当经典

    在这个特定的场景中,我们关注的是如何使用Google地图JavaScript API来展示站点标识,并在地图上动态地添加或移动这些标识。下面将详细介绍这个过程及其相关知识点。 首先,要使用Google地图JavaScript API,我们...

    谷歌地图下载

    ### 谷歌地图下载助手使用手册详析 #### 一、概述 本文档旨在详细介绍“谷歌地图下载助手”的使用方法及其核心功能。这是一款专为下载和使用谷歌地图而设计的强大工具,支持多种地图类型(包括谷歌卫星地图、谷歌...

    带定位标志世界地图PPT模板.pptx

    *商业报告:在商业报告中,使用带定位标志世界地图PPT模板可以帮助企业快速了解世界市场的变化规律和商业机会。 *教育教学:在教育教学中,使用带定位标志世界地图PPT模板可以帮助学生更好地理解地理知识和全球化的...

    Google Maps API V3 (开发必备)

    Google Maps API V3 是一个强大的工具,允许开发者将交互式的谷歌地图嵌入到网页应用中。它提供了丰富的功能,包括自定义地图样式、添加标记、路线规划等。本篇文章主要聚焦于 `google.maps.Map` 类的核心特性和用法...

    GMap-引用Google卫星地图插件

    GMap是一款广泛应用于Web开发中的JavaScript库,它允许开发者轻松地在网页中集成Google地图服务。这个插件的出现使得开发者无需深入理解复杂的Google Maps API,就能实现各种地图功能,如定位、标记、路线规划等。...

    谷歌地图使用提示

    在给定的描述中提到的是Google Earth 5.1.3533.1731,但当前版本可能已经更新,因此请访问官方网站或通过可信赖的应用商店获取最新版本的谷歌地图或谷歌地球。 2. **图标定制**:在商业应用中,谷歌地图可以用于...

    地图标注源码可二次开发

    地图标注是指在地图上添加自定义图标或文字,以标识特定的地点、事件或其他信息。开发者可以通过地图API来创建、编辑和删除标注。标注可以包含信息如名称、地址、电话等,并且可以设置点击事件,展示详细信息或者...

    谷歌地图与开放式API和WEB墨卡托投影

    **谷歌地图API**是一种允许开发者在其网站或应用中集成谷歌地图的强大工具。自2005年推出以来,它已经发展到第三版,并且提供了丰富的功能集,使用户能够轻松创建复杂的地图应用程序。此API不仅支持基本的地图显示,...

    Google地图转MapInfo地图教程.pdf

    【Google地图转MapInfo地图教程】是一个详细的指南,旨在帮助用户将Google地图转换为MapInfo Professional格式的地图。...对于需要在MapInfo环境中使用Google地图数据的用户来说,这是一个非常实用的指南。

    在google标识出你输入的地名

    在Google地图上标识地名是一项常见的地理定位任务,它涉及到地图API的使用,特别是Google Maps API。这个功能在各种应用场景中都有所应用,比如在线导航、位置分享、旅行规划等。下面将详细介绍如何通过Google Maps ...

    android地图获取当前位置,气泡标志,点击气泡跳转到另一个界面

    在Android开发中,地图功能是常见且重要的一个部分,它涉及到地理位置服务、用户交互以及界面导航等多个方面。本文将详细讲解如何在Android应用中实现"获取当前位置"、"设置气泡标志"以及"点击气泡跳转到另一个界面...

Global site tag (gtag.js) - Google Analytics