如何调用google地图的一个简单示例

最新推荐文章于 2022-03-01 16:21:50 发布

CF西西

最新推荐文章于 2022-03-01 16:21:50 发布

阅读量2.9k

点赞数

文章标签： google javascript server function html api

本文链接：https://blog.csdn.net/xiaoguang44/article/details/6898551

版权

首先至http://code.google.com/intl/zh-CN/apis/maps/signup.html注册得到使用地图的key

页面上使用代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=你的Key" type="text/javascript"></script>
    <script type="text/javascript">
        function initialize() {
            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map_canvas"));
                map.setCenter(new GLatLng(39.9493, 116.3975), 13);
            }
        }
    </script>
</head>
<body οnlοad="initialize()" οnunlοad="GUnload()">
    
    <form id="form1" runat="server">
      <div id="map_canvas" style="width: 500px; height: 300px"></div>
    </form>
</body>
</html>

示例效果：

CF西西

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何调用google地图的一个简单示例

首先至http://code.google.com/intl/zh-CN/apis/maps/signup.html注册得到使用地图的key页面上使用代码: Google Maps JavaScript API Example 你的Key" type="text/javascript"> function initialize() {
复制链接

扫一扫