使用google map 标记坐标

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>

function initialize() {
  var mapOptions = {
    zoom: 1,
    center: new google.maps.LatLng(-27.46758, 153.027892)
  };

  var map = new google.maps.Map(document.getElementById(‘map-canvas‘),
          mapOptions);

  new google.maps.Marker({
    map:map,
    draggable:true,
    animation: google.maps.Animation.DROP,
    position:  new google.maps.LatLng(-27.46758, 153.027892)
  });

}

google.maps.event.addDomListener(window, ‘load‘, initialize);
</script>
</head>

<body>
<div id="map-canvas" style="width:500px;height:380px;"></div>

</body>
</html>

时间: 2024-11-14 12:42:42

使用google map 标记坐标的相关文章

在google map 标记位置并画路径

<!DOCTYPE html> <html> <head> <script src="http://maps.googleapis.com/maps/api/js"> </script> <script> var flightPlanCoordinates = [ new google.maps.LatLng(37.772323, -122.214897), new google.maps.LatLng(21.29

如何在Google Map中处理大量标记(ASP.NET)(转)

如何在Google Map中处理大量标记(ASP.NET)(原创-翻译) Posted on 2010-07-29 22:04 Happy Coding 阅读(8827) 评论(8) 编辑 收藏 在你有一个合理的标记数量的时候,使Google Map标记是很平常的.但是一旦你有几百个.甚至更多地标的时候,性能迅速的开始降低.在本文章中,我会告诉你一些提高性能的方法.同时我会放一个测试页面去比较它们的效率. 如果你是第一次使用Google Map的标记,我建议你先去了解一下在Google Map上

在Google map图上做标记,并把标记相连接

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>GeoLocation</title> 5 <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 6 <meta charset="utf-8"> 7 <style> 8 html

在Google Map中使用地址获取坐标(适用小数据量)

近期手上有个95条数据的地址信息,想把地址转换成经纬度坐标,叠加在底图上.ESRI的online作为专业的云平台,号称提供地理编码服务,可能使用自己的数据制作Web map,于是转成CSV后试了下,结果只有4条记录转换成坐标了,并且都偏离了一个省的范围,基本上不可用.后来想在google earth上试下,使用地址搜索,也不知道是服务器慢,还是什么其他原因,earth的搜索功能简直处于瘫痪状态,打一个地址,10分钟能反应过来,结果基本上是找不到.无奈之下,又试了试google Map,Map上是

Google Map API Version3 :代码添加和删除marker标记

转自:http://blog.sina.com.cn/s/blog_4cdc44df0100u80h.html Google Map API Version3 教程:在地图 通过代添加和删除mark标记 lat = 23.14746; lng = 113.34175376; var myLatLng = new google.maps.LatLng(lat, lng); var myOptions = { zoom: 15, center: myLatLng, mapTypeId: google

房产地图google map的初步应用点滴.4)(转)

房产地图google map的初步应用点滴.1) 房产地图google map的初步应用点滴.2) 房产地图google map的初步应用点滴.3) 房产地图google map的初步应用点滴.4) google map测距的实现和分析 不断有传闻google map在今年的7月1号之后在大陆停止运营,具体原因是因为天朝的牌照问题,这个就不多讲了,可以发现现在搜房网的地图,和安居客等的地图纷纷都撤下 google map,而重新选择了mapabc或baidu,当然网易房产地图也不例外,现在也在使

基于HTML5的Geolocation获取地理位置,配合Google Map API反向地址解析(获取用户真实地址)

html 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>Geolocation获取地理位置,配合Google Map API

[Google Map]使用小计

这里是基于API3基础上,关键代码: var allMarkers = []; var map = null; var mgr = null; var infoWindow; function setupMap(xlat, ylng, zoom, gdiv) { var Options = { zoom: zoom, center: new google.maps.LatLng(xlat, ylng), mapTypeControl: false, //地图卫星控件不显示 mapTypeId:

Google Map SDK for iOS

根据 Google 提供的start for google map sdk for iOS进行一系列的设置,这里就不多说了 https://developers.google.com/maps/documentation/ios/start google map sdk for iOS提供了全套的定位和显示服务,所以不需要调用CoreLocation中的CLLocationManager去管理Location 只需要设置google map的 mapView_.myLocationEnabled