google地图API的简单使用

谷歌地图API应用实例

最新推荐文章于 2025-09-15 16:25:58 发布

原创最新推荐文章于 2025-09-15 16:25:58 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

杂谈专栏收录该内容

16 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用谷歌地图API来创建并显示一个地图，包括地图的定位、缩放级别设置以及在特定位置放置标记等功能。此示例适用于希望在其网站或应用中集成地图服务的开发者。

<div id="contact_container" style="width:700px;height:600px;"></div>
<script type="text/javascript">
function initialize() {
   var myLatlng = new google.maps.LatLng(39.95745,116.32764);
   var myOptions = {
     zoom: 18,
     center: myLatlng,
     mapTypeId: google.maps.MapTypeId.ROADMAP
   }
   var map = new google.maps.Map(document.getElementById("contact_container"), myOptions);
   var marker = new google.maps.Marker({
      position: map.getCenter(),
      map: map,
      title: 'CAAS'
    });
}

function loadScript() {
   var script = document.createElement("script");
   script.type = "text/javascript";
   script.src = " http://maps.google.com/maps/api/js?language=en&sensor=false&callback=initialize ";
   document.body.appendChild(script);
}

window.onload = loadScript;
</script>