JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记

这段js代码是对菜鸟教程http://www.runoob.com/try/try.php?filename=tryhtml_map_marker_infowindow2的修改，可以实现输入经纬度标注该点。

下面是效果图：

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&sensor=false">
</script><script>
var map;
var myCenter=new google.maps.LatLng(36.09929,118.527663);function initialize()
{
var mapProp = {center:myCenter,zoom:5,mapTypeId:google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("googleMap"),mapProp);google.maps.event.addListener(map, 'click', function(event) {placeMarker(event.latLng);});
}function placeMarker(location) {var marker = new google.maps.Marker({position: location,map: map,});var infowindow = new google.maps.InfoWindow({content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng()});
}
function conform()
{var lat = document.getElementById("lat").value;var lng = document.getElementById("lng").value;var myCenter1=new google.maps.LatLng(lat,lng);placeMarker(myCenter1);map.setCenter(myCenter1);map.panTo(myCenter1);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head><body>
<div id="googleMap" style="width:100%;height:90%;"></div>
<label>纬度:</label>
<input id="lat"/>
<label>经度:</label>
<input id="lng"/>
<br/>
<button onclick="conform()">确定</button>
</body>
</html>

JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记相关推荐

android用intent调用google地图
代码很简单,给按钮的监听器里面加: button.setOnClickListener(new OnClickListener() {@Override public void onClick(Vie ...
android 加载谷歌地图,Android调用google地图生成路线图实现代码
Android程序调用本机googlemap,传递起始和终点位置,生成路线图 if (wodeweizhiPoint != null) { if (wodeweizhiPoint.getLatitud ...
网页中调用Google地图
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
地图php,php调用google地图
php ------解决方案-------------------- http://wenku.baidu.com/view/704d821ea76e58fafab003b0.html ------解 ...
google地图静态下载和js调用
google地图静态下载和js调用 google staticmap使用 google地图js调用 google地图静态下载 1)注册google帐号 2)开启google static map功能 ...
Google地图开发初级篇
上回我们学习了如何搭建一个google map应用,了解了基础知识,下面我们来深入学习google map中待发掘的宝藏在这篇文章,我将告诉你 1. 如何创建google地图 2. Goog ...
安卓java百度地图api文档_Android调用百度地图API 实时定位代码
[java]代码库package yu.hong.map; import com.baidu.mapapi.BMapManager; import com.baidu.mapapi.GeoPoint; ...
如何使用Google地图API通过店铺名字查询对应的经纬度
为了使用Google地图API查询店铺名字对应的经纬度,你需要做以下几件事情: 到Google Cloud Platform注册并创建一个新的项目,然后启用地图API. 在你的代码中,导入Google ...
关于google地图api3的离线和在线开发（画带箭头的直线，指定范围，搜索，计算距离）
最近因为开发的需要,要做一个离线的google地图.并且能够加载google地图的一些特效.例如:地图的标记,计算距离,获取标记的经纬度,画带有箭头的直线,获取指定范围的数据等等.在这里我总结了很多开 ...

JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记

下面是效果图：

JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记相关推荐

最新文章

热门文章