谷歌地图JS API 自定义标注

最新推荐文章于 2021-11-24 15:01:43 发布

VIP文章 nowhere_coder

最新推荐文章于 2021-11-24 15:01:43 发布

阅读量1.3k

点赞数

文章标签： Google map Javascript

本文链接：https://blog.csdn.net/wojiaoljc/article/details/11290763

版权

<html>  
<head>  
<title></title>  
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  
<script type="text/javascript">  
var map;   
function load() {   
var myLatlng = new google.maps.LatLng(23.043247, 113.385681); //设置地图的中心坐标   
var myOptions = {   
//这里的参数可以为多个参数，具体参考MapOptions对象   
zoom: 17,   
center: myLatlng,   
mapTypeId: google.maps.MapTypeId.ROADMAP   
};   
map = new google.maps.Map(document.getElementById("map"), myOptions);   
var marker = new google.maps.Marker({   
//可以为多个参数，具体参考MarkerOptions对象   
map: map,   
position: myLatlng   
});   
//google.maps.event.addListener(marker, 'click', function(event) { 
//说明：上面的是实现当点击时出现相关名称，这里没有启用，而是直接显示  
//这里的infoWindow的 参数可以为多个对象，具体可以参考InfoWindowOptions对象   
var html = '<div ><font co

最低0.47元/天解锁文章

nowhere_coder

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
谷歌地图JS API 自定义标注

var map; function load() { var myLatlng = new google.maps.LatLng(23.043247, 113.385681); //设置地图的中心坐标 var myOptions = { //这里的参数可以为多个参数，具体参考MapOptions对象 zoom: 17, center: myLatlng,
复制链接

扫一扫