谷歌地圖簡單示例

時間 2019-11-20

標籤谷歌地圖簡單示例欄目 Chrome 简体版

原文原文鏈接

谷歌地圖API demo

本地保存爲x.html 訪問既可。放在服務器上就須要申請key。javascript

當中 23.1150614,113.4082905 爲位置的經緯度。html

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

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

<head>服務器

<title>谷歌地圖 api測試</title>spa

<style>xml

.map {

width: 205px;

height: 192px;

text-align: center;

margin: 0 auto;

}

</style>

</head>

<body>

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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。