JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记

最新推荐文章于 2021-03-02 09:39:23 发布

cysisu

最新推荐文章于 2021-03-02 09:39:23 发布

阅读量671

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/cysisu/article/details/84339118

版权

这段JavaScript代码展示了如何根据输入的经度和纬度在Google地图上移动视角并添加标记。参考自菜鸟教程的示例，实现了动态标注功能。

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

这段js代码是对菜鸟教程http://www.runoob.com/try/try.php?filename=tryhtml_map_marker_infowindow2的修改，可以实现输入经纬度标注该点。

下面是效果图：

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&sensor=false">
</script>

<script>
var map;
var myCenter=new google.maps.LatLng(36.09929,118.527663);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

  map = new google.maps.Map(document.getElementById("googleMap"),mapProp);

  google.maps.event.addListener(map, 'click', function(event) {
    placeMarker(event.latLng