Google Map 实例

最新推荐文章于 2017-06-07 15:24:59 发布

glaciercool

最新推荐文章于 2017-06-07 15:24:59 发布

阅读量1.1k

点赞数

文章标签： google math function stylesheet null button

本文链接：https://blog.csdn.net/glaciercool/article/details/5823132

版权

这篇博客展示了如何利用Google Map API创建交互式地图，包括添加可移动和不可移动的标记，设置地图的中心坐标，以及实现地图的拖动和缩放功能。通过JavaScript函数实现了标记的动态添加和更新，以及地图的实时调整，提供了刷新地图的功能。

摘要由CSDN通过智能技术生成

<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="content-type">
        <link href="style.css" type="text/css" rel="stylesheet">
        <script src="http://ditu.google.com/maps?file=api&v=2&key=abcdefgh "
        type="text/javascript"></script>
        <style type="text/css"></style>
        <script type="text/javascript">
            /**
            *@param markArr 已经存在的标记的数据数组[内容,经度,纬度]
            */
            //function initMap(,markArr){
            //}

            var map = null;
            var point = null;
            var mmarker = null;
            var arr = new Array();
            //var arr = new Array("32.040676557717454","118.7838363647461");

            //添加可以移动标记
            function addIconImage(){
                mmarker = new GMarker(point, {draggable: true, bouncy: true});
                map.addOverlay(mmarker);

最低0.47元/天解锁文章

glaciercool

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Google Map 实例

<br /><html><br /> <head><br /> <meta content="text/html; charset=utf-8" http-equiv="content-type"><br /> <link href="style.css" type="text/css" rel="stylesheet"><br /> <script src="http://ditu.google.com/maps?file=api&v
复制链接

扫一扫