google map 开发(3)- 使用library添加多个标记

原创 2012年03月26日 19:58:56

如果想了解googleMap基础请点击一下链接


google map 开发(1)- 新建一个地图及标记 


google map 开发(2)- 数组循环加载多个标记


代码如下:


javascript代码:

//加载 google Map api

<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=false&language=zh&region=CN">
</script>

//加载 google Map markermanager.js library库
<script src="markermanager.js" type="text/javascript"></script>
<script type="text/javascript">
  function initialize() {

    var myOptions = {
      zoom: 2,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    //使用library库对象
    var    mgr = new MarkerManager(map);
    var markers = [];
    for (i = 1; i <= 5; i++)
    {
        var gll=new google.maps.LatLng(59.0 + i, 13.80 + i);
        var marker = new google.maps.Marker({position:gll,map:map,title:"title"});
        markers.push(marker);
    }
    mgr.addMarkers(markers);
    mgr.refresh();
  }
</script>


html代码:

<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>




在Google Map中显示多个Marker并画出Polygon

在Google Map中显示多个Marker并画出Polygon
  • csharp25
  • csharp25
  • 2015年05月30日 23:13
  • 2520

谷歌地图添加文本标注

实现方式如下:    MarkerWithLabel Example      .labels {      color: red;      background-col...
  • songsongmianbao
  • songsongmianbao
  • 2016年03月04日 09:51
  • 1450

goole map v3 API 在线、离线开发、实现多标注显示、模仿多地址查询显示

最近开发过程中涉及到了谷歌地图,在网上找了很多资料这才实现了多功能的谷歌地图开发应用:     下载地址是:GoogleMapAPIV3.zip   使用离线版本后,只需要加载mapapi...
  • ht_gaogao
  • ht_gaogao
  • 2013年06月17日 22:29
  • 2094

使用google map显示地图,并标注InfoWindow

首先导入google map JS(需要VPN): 然后定义一个地图显示区域: 最后添加JS: //////////////////////////////////////////////...
  • gundumw100
  • gundumw100
  • 2017年04月10日 18:58
  • 454

GoogleMap开发小白入门篇

这篇文章是我一边学习google map一边整理的思绪,文章有的地方是从google map最新api直接copy的,也为不能翻墙的朋友带点福利。   1.   开发前的准备,我的开发工具是AS1....
  • zhang_ying_xian
  • zhang_ying_xian
  • 2016年04月11日 18:14
  • 8571

基于CSS和JavaScript创建动画式谷歌地图标记

一、 简介 谷歌地图API允许web开发人员仅仅使用几行代码就可以通过其神奇的内置功能创建卓越的用户体验。然而,它也存在一个明显的不足——在映射标记方面缺乏灵活性和创造性。 当然,你可以添...
  • hj7jay
  • hj7jay
  • 2016年05月20日 16:23
  • 1191

google map api v3实现将多个标注展示在最佳视野

由于最近在做一个要切换百度地图和谷歌地图的双地图应用,一开始做的是百度地图,要...
  • daizi_xiao
  • daizi_xiao
  • 2014年07月09日 17:00
  • 1873

C#窗体应用调用谷歌地图经验分享(菜鸟的分享)

先说下,这个东西无需太多JS基础和高深只是,只需要一点面向对象基础+一点C#基础。 最近在做毕业设计,项目中需要嵌入谷歌地图,用红色标记(就是想图钉的那个)来显示监测站点的方位。对于我这种没什么项目经...
  • Programming2012
  • Programming2012
  • 2014年01月28日 19:48
  • 4260

google map上实现通过点击地图任意点进行标记并形成多边形

首先我们实现的功能是点击地图标记通过动画的形式落到地图上,当点击多点的时候会形成一片不规则的多边形区域,并且判断某一点是否在这个区域。 实现这个功能我们需要对google map 上的marke...
  • jingmo55
  • jingmo55
  • 2013年04月27日 19:40
  • 738

Android 使用自定义Marker 在谷歌地图API

原文 http://www.nasc.fr/android/android-using-layout-as-custom-marker-on-google-map-api/ 这是我的一个andr...
  • sd19871122
  • sd19871122
  • 2016年02月03日 18:13
  • 2137
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:google map 开发(3)- 使用library添加多个标记
举报原因:
原因补充:

(最多只允许输入30个字)