javascript

位置:IT落伍者 >> javascript >> 浏览文章

基于jquery实现控制经纬度显示地图与卫星


发布日期:2022年04月30日
 
基于jquery实现控制经纬度显示地图与卫星

复制代码 代码如下:

<link  rel=stylesheet type=text/css />

<link  rel=stylesheet type=text/css />

<script src= type=text/javascript></script>

<script src=js/jqueryjs type=text/javascript></script>

<script src=js/jquerymousewheeljs type=text/javascript></script>

<script src=js/rejs type=text/javascript></script>

<script src=js/jqueryuiwidgetjs type=text/javascript></script>

<script src=js/jqueryuibuttonjs type=text/javascript></script>

<script src=js/jqueryuispinnerjs type=text/javascript></script>

<link  rel=stylesheet type=text/css />

<script type=text/javascript>

$(function () {

function latlong() {

return new googlemapsLatLng($(#lat)val() $(#lng)val());

}

function position() {

mapsetCenter(latlong());

}

$(#lat #lng)spinner({

step:

change: position

stop: position

});

var map = new googlemapsMap($(#map)[] {

zoom:

center: latlong()

mapTypeId: googlemapsMapTypeIdROADMAP

});

});

</script>

<style type=text/css>

#map {

width:px;

height:px;

}

</style>

</head>

<body>

<label for=lat>纬度</label>

<input id=lat name=lat value=/>

<br>

<label for=lng>经度</label>

<input id=lng name=lng value=/>

<div id=map></div>

<div class=demodescription>

</div>

               

上一篇:js实现的常用的左侧导航效果

下一篇:jQuery Ajax 实例全解析