google地图的调用
来源:互联网 发布:天猫淘宝网创始人是谁? 编辑:程序博客网 时间:2024/05/21 08:40
1、导入<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAATJNOkxqeA00GvOSvtD0J7hSPUH3lDKqqjr52CcmeDckYX45TwRSiMoT2DgkWcWv6esFBitxTcvfTRw" type="text/javascript"></script>
2、写方法
<script type="text/javascript">
function init(){
var map = new GMap2(document.getElementById("mapObj"));//页面地图显示的位置(div中)
var lat=document.getElementById("entity_longitude");//页面接收经度的input (ID为entity_longitude)
var lng=document.getElementById("entity_dimensions");//页面接收纬度的input (ID为entity_dimensions)
map.clearOverlays();
map.removeMapType(G_HYBRID_MAP);
map.addControl(new GLargeMapControl());//控制方向
//map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
var marker ;
if (lat.value&&lng.value){
marker = new GMarker(new GLatLng(lat.value,lng.value));//锚点位置
map.addOverlay(marker);
}
GEvent.addListener(map, "click", function(overlay,latlng) {
map.clearOverlays();
if(latlng){
marker=new GMarker(latlng);
map.addOverlay(marker,true);
lat.value=latlng.lat();
lng.value=latlng.lng();
}
});
map.setCenter(new GLatLng(lat.value,lng.value), 13);
}
</script>
3、页面调用和显示位置
<input type="text" id="entity_longitude"/>
<input type="text" id="entity_dimensions"/>
<div class="mapbox" id="mapObj">
</div>
<script type="text/javascript">
init();
</script>
详细的情况可以google:搜索 google map API 。
- google地图的调用
- 编写android对google地图的调用
- 编写android对google地图的调用
- 编写android对google地图的调用
- 编写android对google地图的调用
- Google地图调用代码
- 本地调用google地图
- 调用Google地图
- 调用google地图
- 调用google地图api
- 调用Google地图
- ios中调用google地图
- IOS简单调用Google地图
- 方便调用/设置的google地图图片使用方法
- [js]调用google,51ditu和mapbar的地图API
- 如何调用google地图的一个简单示例
- Jsp 页面 调用 google API 地图的实现
- Android基于LBS的地图开发:(一)Google地图的调用
- AspNet上传文件的几个控件(收集)
- 使用SMTP发送邮件
- ehcache
- 3 Java语法
- ehcache
- google地图的调用
- Linux——I/O复用
- zoj 1338 || poj 1492 Up and Down Sequences
- DataGridView控件导出到Excel文件
- JQ 图片滚动
- linux font
- char* pFindStr(char* sStr,char* sDest)
- 如何建立simuation环境
- joj 1026解题报告