文档章节

谷歌地图简单示例

摇滚哈哈狗
 摇滚哈哈狗
发布于 2014/11/30 22:12
字数 190
阅读 12
收藏 0

谷歌地图API demo

本地保存为x.html  访问既可。放在服务器上就需要申请key。

当中 23.1150614,113.4082905  为位置的经纬度。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="X-UA-Compatible" content="IE=7" />

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta name="description" content=" " />

<title>谷歌地图 api测试</title>

<style>

.map {


width: 205px;

height: 192px;

text-align: center;

margin: 0 auto;


}

</style>

</head>

<body>   

<div id="res_map" class="map"></div>

<script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;&amp;key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A" type="text/javascript" charset="utf-8"></script> 

<script type="text/javascript" charset="utf-8">     

function show_small_map() 

if (GBrowserIsCompatible()) 

{  

var map = new GMap2(document.getElementById("res_map"));

function createMarker(latlng) 

{

       var marker = new GMarker(latlng);

       return marker;

}

map.setCenter(new GLatLng(23.1150614,113.4082905), 16);

var smc = new GSmallZoomControl3D;

map.addControl(smc);

var latlng = new GLatLng(23.1150614,113.4082905);

map.addOverlay(createMarker(latlng));  

 

}  

}

show_small_map();

</script>

</body>

</html>


本文转载自:http://blog.csdn.net/a957651480/article/details/37671935

摇滚哈哈狗
粉丝 13
博文 226
码字总数 28445
作品 0
深圳
程序员
私信 提问
基于HTML5的网络拓扑图(2)-结合OpenLayers实现地图背景的拓扑图

地图应用分三种级别:示意地图(Map Chart),地图(Map),地理信息系统(GIS),第一种通常使用相对坐标系,后两种则为真实的地理坐标,其中第二种以谷歌地图为代表,日常生活中普遍使用,...

nosand
2014/04/21
0
3
HTML5 Geolocation API和Google Maps API结合实现路线导航

HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5,借助百度、谷歌地图接口来...

iNiL0119
2016/09/14
103
0
关于在安卓的内置浏览器上实现地图的拖动问题

以下是我自己写的一个简单的web地图,这个地图在Pc上可以实现鼠标拖动,但是在anroid里用其内置的浏览器打开时却不能触控拖动,相反在进入谷歌的web地图中却可以很轻松的拖动。请问各位,我这...

天朝搬砖工
2012/10/26
316
1
谷歌地图开发

开发人员指南 地图基础知识 1 简介 2 Google 地图的“Hello, World” 2 加载 Google 地图 API 2 地图 DOM 元素 2 GMap2 - 基本对象 2 初始化地图 2 加载地图 3 经度和纬度 4 地图属性 5 地图...

梅_95
2016/07/28
29
0
关于谷歌地图坐标与百度地图坐标的事

解决方案 haotsp.com 有演示示例 众所周知地球是一个不规则椭圆体,GIS中的坐标系定义由基准面和地图投影两组参数确定,而基准面的定义则由特定椭球体及其对应的转换参数确定。 基准面是利用...

李广韬
2013/09/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
5
0
GIL 已经被杀死了么?

本文原创并首发于公众号【Python猫】,未经授权,请勿转载。 原文地址:https://mp.weixin.qq.com/s/8KvQemz0SWq2hw-2aBPv2Q 花下猫语: Python 中最广为人诟病的一点,大概就是它的 GIL 了。...

豌豆花下猫
昨天
6
0
git commit message form

commit message一般包括3部分:Header、Body、Footer。 <type>(<scope>):<subject>blank line<body>blank line<footer> header是必需的,body、footer可以省略。 header中type、subject......

ninjaFrog
昨天
5
0
聊聊Elasticsearch的CircuitBreakerService

序 本文主要研究一下Elasticsearch的CircuitBreakerService CircuitBreakerService elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/indices/breaker/CircuitBreakerService.ja......

go4it
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部