利用google map给网站加上地图标识

最新推荐文章于 2024-08-29 18:44:48 发布
最新推荐文章于 2024-08-29 18:44:48 发布
阅读量193 收藏
点赞数
分类专栏： 网页相关 文章标签： java javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2556/article/details/82339083
版权

要想在自己的网站上用google地图展示出地址，就的用到 google map api ，如下，其中address是最重要的，

Java代码   收藏代码
  1. <script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=${mapkey()}"   
  2.       type="text/javascript" ></script>  
  3.   
  4. <script language="javascript" >  
  5.   
  6.         var orgName = '<@s.property value="orgInfoDetail.orgName" />' ;  
  7.         var phone = '<@s.property value="orgInfoDetail.phone" />' ;  
  8.         var address = '<@s.property value="orgInfoDetail.address" />' ;  
  9.   
  10.         // 弹出信息   
  11.         var popInfo = "<B>"  + orgName +  "</B><BR>"  + phone +  "<BR>"  + address;  
  12.   
  13.         var map = null ;  
  14.         var geocoder = null ;  
  15.   
  16.         function load() {  
  17.           
  18.               if  (GBrowserIsCompatible()) {  
  19.                 map = new  GMap2(document.getElementByIdx_x( "map" ));  
  20.                 //添加一个控制条   
  21.                 map.addControl(new  GSmallMapControl());  
  22.                 geocoder = new  GClientGeocoder();  
  23.                 showAddress();  
  24.               }  
  25.         }  
  26.   
  27.         function showAddress() {  
  28.               if  (geocoder) {  
  29.                 geocoder.getLatLng(address,  
  30.                       function(point) {  
  31.                         if  (!point) {  
  32.                               //alert(address + " 找不到该地址，无法显示地图！");   
  33.                         } else  {  
  34.                             map.setCenter(point, 14 );  
  35.                             var marker = new  GMarker(point);  
  36.                             map.addOverlay(marker);  
  37.                             marker.openInfoWindowHtml(popInfo);  
  38.                         }  
  39.                       });  
  40.               }  
  41.         }  
  42.   
  43. </script>  





在html载入的时候就执行，那么就是

Java代码   收藏代码
  1. <body οnlοad= "load()"  > 

转载自：http://tsaowe.iteye.com/blog/1000400

iteye_2556
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在网页中加入带标识位置的Google地图
MoonshineWoo的专栏
09-07 388
     今天有个朋友要我帮忙在他们的网站上加个google地图来标注他们公司的位置，由于以前没有做过这种事，所以一开始在网上找了很多方法，一种是使用google的API，通过在页面里写js来实现，在网上搜有很多代码，我试了一下，地图确实能出来，但是没有那个红色的位置标志，用google map文档里的方法去createMarker也出不来这个标志，最后搜索了一下找到了一个googlemaps的g...
网站上显示地图上的地址，标注图标挂了如何显示？解决了
qq_34720531的博客
08-20 350
1、打开以下网址，看到是百度地图的 http://api.map.baidu.com/lbsapi/creatmap/ 2、根据你想显示的地点进行选择，其次点击获取代码放到你的本地上运行就可以了。 之后你会发现那个标注的地方图片是挂掉的，把下面的两个方法拿过去替换掉你从百度上获取的那两个方法，标注的图片就出来了。亲测有效！！！ //创建InfoWindow function cr...
如何在Google Map上画一条直线
红豆和绿豆的博客
12-16 1980
android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical" >                        android:layout_width="fill_parent"                  androi
怎样利用google map给在自己的网站上加上清晰的地图标识。
tsaowe的专栏
04-12 140
要想在自己的网站上用google地图展示出地址，就的用到 google map api 下面是我页面上的代码，其中address是最重要的， [code="java"] var orgName = ''; var phone = ''; var address = ''; // 弹出信息 ...
Google地图开发API
热门推荐
Rey
05-08 1万+
我们经常使用地图查位置、看公交、看街景，同时地图还开放第三方的API给开发者。利用这些API进行地图的个性化的展示和控制，例如北京被水淹了，开发一个网页显示北京被淹的地图，地图上面标志被水淹的位置、严重程度，或者我是交警，想要在地图上标志发生车祸、被交通管制的路段，甚至是利用地图的街景，控制街景的位置变化做一个tour show动画。因为地图本身就是一个比较好玩的东西，再加上一些个性化的控制会更加
基于Google Map 开发个人移动地图
iteye_18490的博客
12-03 429
Google Maps 是Android应用开发的一个特色，而利用Google Maps的相关服务在Android上开发一个个人移动地图是一件很COOL的事。 一、关于Google Maps Google Maps 是Google公司提供的电子地图服务，它能够提供三种视图：一是交通、街道视图；二是卫星视图；三是后来加上的地形视图。可以去http://maps.google.co...
Google Map Api 在android 中的使用（转载）
Shawn
09-13 4638
它包括如下功能： ·我的位置（测试版）：“我的位置”在地图上显示你的当前位置（通常在 1000 米范围之内）。即使没有 GPS，你也可以确定自己的位置。谷歌手机地图还支持内置 GPS，也可以链接到蓝牙 GPS 传感器，以便更准确地确定用户的位置。“我的位置”功能是通过识别你附近
Google地图开发总结
大灰狼的小绵羊哥哥的博客
08-23 4692
我们经常使用地图查位置、看公交、看街景，同时地图还开放第三方的API给开发者。利用这些API进行地图的个性化的展示和控制，例如北京被水淹了，开发一个网页显示北京被淹的地图，地图上面标志被水淹的位置、严重程度，或者我是交警，想要在地图上标志发生车祸、被交通管制的路段，甚至是利用地图的街景，控制街景的位置变化做一个tour show动画。因为地图本身就是一个比较好玩的东西，再加上一些个性化的控制会更加
Google Map
weixin_34259159的博客
06-19 508
2019独角兽企业重金招聘Python工程师标准>>> ...
高精度地图技术与展望
吴建明wujianming_110117
06-05 3538
高精度地图技术与展望
高精地图：激光雷达点云与高精地图融合
吴建明wujianming_110117
09-29 2632
高精地图：激光雷达点云与高精地图融合 定位精度和更新频率是高精定位的显著特征。 精度与频率：根据推算，高精定位需要实现≤25cm 的定位精度，更新频率≥100Hz，因此需要在一般导航定位方案的基础上，与激光雷达、摄像头等感知设备相结合。 解决方案：按照定位参考系的不同，分为绝对位置与相对位置两个维度，前者以 GNSS/ RTK 定位代表，后者结合高精地图，以点云或视觉匹配为核心。 实际应用：在实际应用中，是兼而有之的融合方案，例如百度 Apollo 以 GNSS 定位与点云匹配定位相融合，最终输出一个 6
高德地图定位实现
灵犀一指 _ Android菜鸟初长成
01-23 2374
GoogleMap不存在,SouGou占有率不高,BaiDu niao性差,所以肯定实现地图首选高德啦.. 1.创建应用 官方文档地址: http://lbs.amap.com/api/android-location-sdk/guide/create-project/get-key 注册账号,创建对应的应用. 这里基本就是填资料啦,没什么难的地方,只不过创建应用之后设置k
面向自动驾驶的高精地图及数据采集生产体系
高德技术
03-12 2881
前言：又到春招季！作为国民级出行服务平台，高德业务快速发展，大量校招/社招名额开放，欢迎大家投递简历，详情见文末。为帮助大家更了解高德技术，我们策划了#春招专栏#的系列文章，组织各业务团队...
MATLAB算法实战应用案例精讲-【自动驾驶】栅格地图（附python、MATLAB和C++代码实现）
qq_36130719的博客
09-18 1499
光栅图也叫做位图、点阵图、像素图，简单的说，就是最小单位由像素构成的图，只有点的信息，缩放时会失真。每个像素有自己的颜色，类似电脑里的图片都是像素图，你把它放很大就会看到点变成小色块了。栅是格栅,就是纵横成排的小格，小格小到极至，就是点了。对于一个图像，人可以一眼就看明白。但是计算机要记录下来就要把这个图像分成一个个小格也就是点阵，点格栅分得越细，图像也就记录得越有细节。光栅图也叫做位图、点阵图、像素图，简单的说，就是最小单位由像素构成的图‘只有点的信息。缩放时会失真。
启动Application 报错：no mapping for GET /（已解决）
qq_3512323979的博客
08-26 3371
no mapping for GET /因为我使用的是框架嘛，然后生成了一个SpringBoot项目后，resources下面就会有一个static的类，用于存放静态资源类，后面我把静态资源放在里面，但是启动启动类后，报错一直匹配不到。： 正常的话，我们使用SpringBoot框架，他会给我们提供许多便利，包括静态资源的自动服务，默认的话，他会去。报这个错可能还有其他原因，我的是因为这个，大家可以根据日志信息一步步检查，肯定可以解决的！类并覆盖其方法时，就会失去静态资源的自动服务
[C++规范] 访问类成员变量的方式：直接访问还是通过成员函数访问？
Loewen丶的小窝
08-26 3356
在面向对象编程（OOP）中，通过成员函数（如`ME_HardwareTypeEnum Type() const;` 和 `int Id() const;`）来访问类的私有或受保护成员（如`m_hardwareType` 和 `m_id`），而不是直接通过公共成员访问，是一种更好的做法。
linux上datax 安装以及使用
寂夜了无痕的博客
08-24 3711
linux上datax 安装以及使用
《深入理解 Java 中的适配器模式》
最新发布
面团到油条的成长日记
08-29 1845
在软件开发的广阔领域中，不同接口之间不匹配的问题时常像个棘手的难题困扰着开发者。而适配器模式就像是一位得力的助手，专门用来解决这类问题。它的关键作用在于把一个类的接口有效地转化为客户端所期望的另一种接口，让原本因接口不相符而不能一起工作的两个类可以共同协作，学习本文希望你能有所收获
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值