google.GIS小例子

var map; var array = [[41.774166667, 85.943055556], [43.864052, 87.560499]];//经纬度
var array1 = ["地点1", "地点2"]; var latitude = 0; var longitude = 0; var markersArray = []; var title = "新疆"; var openInfo = "";
 function initialize() { 

    var i = 0;
    var k = 0;
    var myLatlng = new google.maps.LatLng(41.774166667, 85.943055556); //初始定位     var myOptions = {
        zoom : 8, //地图的缩放程度         center : myLatlng, //地图中心位置         mapTypeId : google.maps.MapTypeId.ROADMAP, //常量ROADMAP以地图显示 常量SATELLITE为卫星显示         disableDoubleClickZoom : true //禁用双击缩放地图     }; 

    //把地图绑定在ID为map_canvas的DIV上     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    //循环将数据填充到一个新的marker对象中     for (i = 0; i < array.length; i++) { 

        var myLatlng = new google.maps.LatLng(array[i][k], array[i][k + 1]);//重新定位         //显示信息         openInfo = array1[i];
        //显示地址的标记图标         var marker = new google.maps.Marker({
                position : myLatlng,
                map : map,
                icon : ‘http://www.yiyacn.com/uploads/tubiaoimg/icon/fatcow_027.png‘ //自定义标记图标
            });
        marker.setTitle(title);
        alertTitle(marker, openInfo);
    }; 

    //infowindow.open(map);   //加载时显示提示主窗口     

    var infowindow;
    var infowindow2;
    //提示信息窗口     function alertTitle(marker, openInfo) { 

        //鼠标悬浮在标记上打开提示信息窗口         google.maps.event.addListener(marker, ‘mouseover‘, function (event) {
            infowindow2 = infowindow;
            infowindow = new google.maps.InfoWindow({
                    content : openInfo,
                    position : myLatlng
                });
            if (infowindow2 != null) {
                infowindow2.close();
            }
            infowindow.open(map, marker); 

        }); 

        //鼠标离开标记关闭提示信息窗口         //google.maps.event.addListener(marker, ‘mouseout‘, function(event) {         //infowindow.close();         //});     }; 

    //给map添加双击事件     google.maps.event.addDomListener(map, ‘dblclick‘, function (event) { 

        placeMarker(event.latLng);
        CreateDiv(event.latLng); 

    }); 

    //添加新的标识     function placeMarker(location) {
        if (infowindow2 != null) {
            infowindow2.close();
        }
        if (infowindow != null) {
            infowindow.close();
        }
        marker = new google.maps.Marker({
                position : location,
                map : map,
                title : title,
                icon : ‘http://www.yiyacn.com/uploads/tubiaoimg/icon/fatcow_027.png‘ //自定义标记图标 

            });
        clearOverlays();
        markersArray.push(marker); //把marker对象添加到markersArray数组中         map.setCenter(location); //重新定位中心位置
    } 

    //创建操作层     function CreateDiv(location) {
        var array = location.toString().split(","); //经纬度
        var contentString = ‘<div id="content">‘ +
            ‘<div id="siteNotice">‘ +
            ‘</div>‘ +
            ‘<h1 id="firstHeading" class="firstHeading">选择操作</h1>‘ +
            ‘<div id="bodyContent">‘ +
            ‘<p><b>当前的纬度‘ + array[0] + ‘,经度‘ + array[1] + ‘</b></p>‘ +
            ‘</div>‘ +
            ‘</div>‘; 

        var infowindow = new google.maps.InfoWindow({
                content : contentString
            }); 

        infowindow.open(map, marker); 

    } 

    //重置Map对象     function clearOverlays() {
        //alert(markersArray);         if (markersArray) {
            for (i in markersArray) {
                markersArray[i].setMap(null);
            }
        }
    } 

} 

window.onload = initialize;

  

时间: 2024-11-05 20:39:10

google.GIS小例子的相关文章

android:json解析的两个工具:Gson和Jackson的使用小例子

1.简介 json是android与服务器通信过程中常用的数据格式,例如,如下是一个json格式的字符串: {"address":"Nanjing","name":"NUPT","students":[{"name":"stu1","id":"10000","age":20},{"name"

python速成第二篇(小爬虫+文件操作+socket网络通信小例子+oop编程)

大家好,由于前天熬夜写完第一篇博客,然后昨天又是没休息好,昨天也就不想更新博客,就只是看了会资料就早点休息了,今天补上我这两天的所学,先记录一笔.我发现有时候我看的话会比较敷衍,而如果我写出来(无论写到笔记本中还是博客中,我都有不同的感觉)就会有不同的想法,我看书或者看资料有时候感觉就是有一种惰性,得过且过的感觉,有时候一个知识想不通道不明,想了一会儿,就会找借口给自己说这个知识不重要,不需要太纠结了,还是去看下一个吧,然后就如此往复下去,学习就会有漏洞,所以这更加坚定了我写博客来记录的想法.

laravel 数据库操作小例子

public function demo() { $res = null; //insert数据插入 //$user=array('username'=>'joy','password'=>'123456','age'=>23); //$res = DB::table('users')->insert($user); /* 数据查询 $res = DB::table('users')->where('username','joy')->get(); $res = DB:

spring小例子-springMVC+mybits整合的小例子

这段时间没更博,找房去了...   吐槽一下,自如太坑了...承诺的三年不涨房租,结果今年一看北京房租都在涨也跟着涨了... 而且自如太贵了,租不起了.. 突然有点理解女生找对象要房了..   搬家太受罪了... 今天更一下springMVC整合mybits形成最简单的网站demo. 大概效果就是这样的:左边是数据库查询结果,右边是页面访问结果: 首先,一个简单的springMVC小例子可以看这个http://www.cnblogs.com/xuejupo/p/5236448.html 这是在这

cmake 之一个小例子

cmake,比手写makefile更好的选择 安装cmake,此部分略过 一.新建一个工程 这里我是在windows下使用eclipse新建了一个c工程(PS:我一般新建一个Makefile类型的工程,这样比较干净) 二.建立必要的文件夹 我的工程目录: D:\code\cpp\cmakestudy\test>tree /f 卷 软件 的文件夹 PATH 列表 卷序列号为 0006-17B7 D:. │ .cproject │ .project │ CMakeLists.txt │ ├─bin

简述人脸特异性识别&amp;&amp;一个基于LBP和SVM的人脸识别小例子

原谅我用图片,MAC在Safari里给文章进行图文排版太麻烦啦~ 本文适合初入计算机视觉和模式识别方向的同学们观看~ 文章写得匆忙,加上博主所知甚少,有不妥和勘误请指出并多多包涵. 本文Demo的代码由HZK编写,特征点由月神和YK选择和训练. 转载请注明 copyleft by sciencefans, 2014 为了方便大家学习,附上高维LBP的核心代码 1 ################################################### 2 # 3 # 4 # NO

COM2 --- 小例子

在COM1 的小例子中,,我们大概知道什么是组件类 ,什么是接口了.这小节呢,我们来实现一下由一个组件类去实现两个接口的过程. 新建项目: 我们的 解决方案的 名字是 ComDemoCode ,项目名字是 MathToolKit  这表示 我们的 项目 自动 生成的 DLL  的名字就是 MathToolKit(数学工具包). 我们的继承关系 有必要 给大家 先 列出来,让大家 看看 在这里面,IPrimerMath接口 提供 + - * / % 五个基本运算方法,IAdvanceMath接口提

python try小例子

#!/usr/bin/python import telnetlib import socket try: tn=telnetlib.Telnet('10.67.21.29',60000) except socket.error, e: print e exit(1) tn.set_debuglevel(1) tn.write('quit'+'\n') print 'ok' socket.error为错误类型 e为对象 python try小例子,布布扣,bubuko.com

C/C++ New与Delete (小例子)

转自:http://blog.csdn.net/chenzujie/article/details/7011639 先来看两段小程序: 1). #include <iostream.h> #include <String.h> void main(void) { char *str1 = "just have fun"; char *str2 = "happy day"; char *sTmpPtr = new char[255]; char